html,body,#root{height:100%}:root{--bg-color: #0a0a0c;--bg-card: #141417;--text-primary: #ededed;--text-secondary: #88888b;--border-color: #2a2a2f;--accent: #ffffff;--hover-bg: #1c1c21}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100%;background-image:radial-gradient(circle at 15% 50%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 85% 30%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 50% 80%,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100px 100px}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{text-decoration:none}.container{max-width:640px;margin:0 auto;padding:2rem 1.5rem;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-2{gap:.5rem}.glass-panel{background:#141417b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:12px}.leaflet-container{width:100%;height:100%;border-radius:12px;background-color:#1a1a1f!important;z-index:1}.leaflet-control-attribution{display:none!important}.dark-tiles{filter:brightness(.6) invert(1) contrast(3) hue-rotate(200deg) saturate(.3) brightness(.7)}.book-call-btn{padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;max-width:fit-content;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.book-call-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}#sanity-studio-container{height:100dvh;width:100vw;background-color:var(--bg-color);overflow:hidden}[data-portal]{z-index:10000!important}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:var(--target-opacity, .4)}90%{opacity:var(--target-opacity, .4)}to{transform:translateY(-20vh) scale(1.5);opacity:0}}.floating-particle{animation-name:floatUp;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.navbar-container{display:flex;align-items:center;padding-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.navbar-logo{font-weight:700;font-size:1.25rem;letter-spacing:.05em}.nav-links-wrapper{display:flex;align-items:center;gap:1.5rem;font-size:.9rem;margin-left:auto}.nav-link:hover{color:var(--text-primary)}.nav-link{color:var(--text-secondary)}@media(max-width:640px){.navbar-container{padding-bottom:1.5rem}.nav-links-wrapper{gap:.75rem;font-size:.85rem}}@media(max-width:480px){.navbar-container{justify-content:space-between;gap:1rem}.nav-links-wrapper{order:3;width:100%;margin-left:0;justify-content:flex-start;gap:1.25rem;padding-top:.25rem}}.custom-div-icon{display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important}.pulsing-dot{width:10px;height:10px;background-color:#3b82f6;border-radius:50%;position:relative;box-shadow:0 0 10px #3b82f6cc;display:flex;align-items:center;justify-content:center}.pulsing-dot:after{content:"";position:absolute;width:100%;height:100%;background-color:#3b82f6;border-radius:50%;animation:simple-pulse 2s infinite ease-out;z-index:-1;opacity:.8}@keyframes simple-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(4);opacity:0}}@keyframes float-cloud{0%{transform:translate(0)}to{transform:translate(-250%)}}.animate-cloud{animation:float-cloud 60s linear infinite}.animate-cloud-slow{animation:float-cloud 105s linear infinite}@keyframes fly-plane{0%{transform:translate(12vw,12vw)}to{transform:translate(-12vw,-12vw)}}@keyframes fly-plane-mobile{0%{transform:translate(25vw,25vw)}to{transform:translate(-25vw,-25vw)}}.animate-plane-container{position:absolute;top:50%;left:50%;width:18px;height:18px;animation:fly-plane 30s linear infinite;z-index:25}@media(max-width:768px){.animate-plane-container{animation:fly-plane-mobile 30s linear infinite}}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .5rem;background-color:transparent;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:0}.skill-card>*{z-index:1;position:relative}.skill-card:hover{border-color:#fff3;background-color:var(--hover-bg);box-shadow:0 4px 20px #0003}.skill-card:hover:before{opacity:1}.skill-card:hover span{color:var(--text-primary)!important}@media(max-width:540px){.skills-grid{grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important}.skill-card{padding:.75rem .25rem!important}.skill-card span{font-size:.65rem!important}.skill-card svg{width:18px!important;height:18px!important;margin-bottom:4px!important}}