nav.component.navbar{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom:1px solid #0000;transition:all .3s;position:fixed;top:0;left:0;right:0}nav.component.navbar.solid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0a0a0aeb;border-bottom:1px solid #1f1f1f}nav.component.navbar .content{justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin-inline:auto;padding:1.5rem 5.9vw;display:flex}nav.component.navbar .content .header .logo{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;color:#777;font-size:.875rem;transition:color .2s}nav.component.navbar .content .header .logo:hover{color:#f0ede8}nav.component.navbar .content .header button.hamburger-button{display:none}nav.component.navbar .content .links{gap:2rem;list-style:none;display:flex}nav.component.navbar .content .links.special{gap:10px}nav.component.navbar .content .links .link{color:#777;text-transform:capitalize;letter-spacing:.02em;font-size:.875rem;font-weight:500;transition:color .3s}nav.component.navbar .content .links .link:hover{color:#f0ede8}@media screen and (min-width:1440px){nav.component.navbar .content{padding-inline:80px}}@media screen and (max-width:425px){nav.component.navbar .content{flex-direction:column;align-items:start;padding:0}nav.component.navbar .content .header{align-items:center;gap:20px;padding:1.5rem;display:flex}nav.component.navbar .content .header button.hamburger-button{color:#777;background:0 0;border:none;display:flex}nav.component.navbar .content .links{flex-direction:column;gap:0;width:100%;max-height:147px;transition:max-height .3s ease-in-out;overflow-y:hidden}nav.component.navbar .content .links.hidden{max-height:0;transition:max-height .3s ease-in-out}nav.component.navbar .content .links .link{border-bottom:1px solid #1f1f1f;padding:1rem 1.5rem}}
section.component.contact{width:100%;max-width:1440px;margin-inline:auto;padding:8rem 5.9vw}@media (min-width:1440px){section.component.contact{padding-inline:80px}}section.component.contact .card{background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:.75rem;grid-template-columns:60% 40%;gap:2rem;padding:3rem;display:grid}section.component.contact .card.center{text-align:center;grid-template-columns:1fr}section.component.contact .card.center .left{text-align:center;align-items:center}section.component.contact .card.center .left .description{max-width:60%}@media screen and (max-width:768px){section.component.contact .card.center .left .description{max-width:100%}}section.component.contact .card .left{flex-direction:column;display:flex}section.component.contact .card .left .label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.2em;text-transform:uppercase;color:#4f8ef7;font-size:.75rem}section.component.contact .card .left .title{line-height:1.2;font-family:var(--font-instrument-serif),Georgia,serif;color:#f0ede8;margin-top:1.5rem;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}section.component.contact .card .left .title span{color:#4f8ef7;font-style:italic}section.component.contact .card .left .description{color:#666;margin-bottom:2.5rem;font-size:1rem;line-height:1.6}section.component.contact .card .left .buttons{gap:1rem;display:flex}section.component.contact .card .left .buttons a.primary-btn{color:#0a0a0a;background-color:#4f8ef7;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}section.component.contact .card .left .buttons a.primary-btn:hover{transform:scale(1.02)}section.component.contact .card .left .buttons a.primary-btn:active{transform:scale(.98)}section.component.contact .card .left .buttons button.copy-btn{cursor:pointer;font-size:.875rem;font-family:var(--font-jetbrains-mono),monospace;color:#aaa;background-color:#111;border:1px solid #1f1f1f;border-radius:.375rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:all .2s;display:inline-flex}section.component.contact .card .left .buttons button.copy-btn:hover{transform:scale(1.02)}section.component.contact .card .left .buttons button.copy-btn.copied{color:#4f8ef7;border:1px solid #4f8ef7}section.component.contact .card .left .social{gap:1.5rem;margin-top:2.5rem;display:flex}section.component.contact .card .left .social .link{font-size:.875rem;font-family:var(--font-jetbrains-mono),monospace;color:#444;transition:color .2s}section.component.contact .card .left .social .link:hover{color:#f0ede8}section.component.contact .card .right{justify-content:center;align-items:center;display:flex}section.component.contact .card .right .globe-icon{transition:all .2s;scale:1.1}section.component.contact .card .right .globe-icon:hover{transform:scale(1.05)}@media screen and (max-width:768px){section.component.contact .card .right{display:none}}@media screen and (min-width:768px){section.component.contact .card{padding:4rem}}@media screen and (max-width:768px){section.component.contact .card{text-align:center;grid-template-columns:1fr;justify-content:center}section.component.contact .card .left .social,section.component.contact .card .buttons{justify-content:center;justify-items:center}section.component.contact .card .left .buttons{flex-direction:column}}
footer.component.footer{border-top:1px solid #1a1a1a;padding:2rem 5.9vw}@media screen and (min-width:1440px){footer.component.footer{padding-inline:80px}}footer.component.footer .content{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;display:flex}@media (min-width:640px){footer.component.footer .content{flex-direction:row}}footer.component.footer .content .text{font-family:var(--font-jetbrains-mono),monospace;color:#333;font-size:.75rem}