@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap";:root{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}#app{min-height:100vh}.page{position:relative;display:grid;place-items:center;min-height:100vh;overflow:hidden;color:#f8f9ff;background:#04050f;opacity:0;animation:page-reveal .86s ease-out forwards}.animated-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 20% 20%,#27206d 0%,transparent 42%),radial-gradient(circle at 85% 20%,#00418f 0%,transparent 38%),radial-gradient(circle at 65% 85%,#3d115f 0%,transparent 40%),linear-gradient(135deg,#050711,#090b1f 45%,#060610)}.orb{position:absolute;width:40vmax;height:40vmax;border-radius:50%;filter:blur(34px);opacity:.42;animation:float 20s ease-in-out infinite}.orb-1{top:-10vmax;left:-8vmax;background:#6a40ff}.orb-2{top:20%;right:-14vmax;background:#00a6ff;animation-delay:-7s}.orb-3{bottom:-16vmax;left:30%;background:#b533ff;animation-delay:-13s}.interactive-grid{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr))}.grid-cell{position:relative;border-right:1px solid rgba(240,243,255,.09);border-bottom:1px solid rgba(240,243,255,.09)}.grid-cell:after{content:"";position:absolute;inset:0;background:transparent;border:1px solid transparent;border-image:linear-gradient(135deg,rgba(181,51,255,calc(var(--intensity, 0) * .95)),rgba(0,166,255,calc(var(--intensity, 0) * .95))) 1;box-shadow:inset 0 0 0 1px rgba(181,51,255,calc(var(--intensity, 0) * .32)),inset 0 0 0 2px rgba(0,166,255,calc(var(--intensity, 0) * .22));transition:border-image 90ms linear,box-shadow 90ms linear;pointer-events:none}.top-bar{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:1rem;opacity:0;transform:translateY(-10px);animation:section-reveal .78s ease-out .14s forwards}.brand{font-family:Manrope,Avenir Next,Segoe UI,sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f7f6ff;background:#ffffff17;border:1px solid rgba(255,255,255,.16);padding:.58rem 1rem;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-control{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem .45rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;color:#f8f9ffeb}.language-control span{font-weight:600}.language-control select{border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0c0f24d9;color:#f8f9ff;font:inherit;font-weight:600;padding:.4rem .78rem;outline:none;cursor:pointer}.language-control select:focus-visible{border-color:#ffffff8c}.contact-card{position:relative;z-index:3;width:min(92vw,560px);padding:clamp(1.8rem,4.5vw,2.8rem);text-align:center;border-radius:24px;border:1px solid rgba(255,255,255,.2);background:#0a0d25b8;box-shadow:0 20px 60px #00000075;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(16px);animation:section-reveal .82s ease-out .22s forwards}.contact-label{margin:0 0 .75rem;font-size:clamp(1rem,2.3vw,1.35rem);letter-spacing:.02em;color:#f8f9ffeb}.contact-email{display:inline-block;color:#e8edf7;text-decoration:none;font-size:clamp(1.05rem,2.7vw,1.45rem);font-weight:700;letter-spacing:.02em;transition:transform .18s ease,color .18s ease,border-color .18s ease;border-bottom:1px solid rgba(232,237,247,.42)}.contact-email:hover{color:#fff;transform:translateY(-1px);border-bottom-color:#ffffffd9}@keyframes float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(3vmax,-2.5vmax,0) scale(1.08)}66%{transform:translate3d(-2vmax,3vmax,0) scale(.95)}}@keyframes page-reveal{0%{opacity:0;filter:saturate(.85)}to{opacity:1;filter:saturate(1)}}@keyframes section-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:740px){.top-bar{left:1rem;right:1rem;top:1rem}.language-control{font-size:.82rem;padding:.4rem .52rem .4rem .62rem}.language-control select{padding:.35rem .6rem}}
