:root{--bg-color: #050505;--bg-gradient: radial-gradient(circle at top right, #111116 0%, #050505 50%, #030303 100%);--text-primary: #ededed;--text-secondary: #888899;--accent-color: #4facfe;--accent-secondary: #00f2fe;--glass-bg: rgba(20, 20, 25, .4);--glass-border: rgba(255, 255, 255, .05);--font-hero: "Outfit", sans-serif;--font-body: "Inter", sans-serif}html{scroll-behavior:smooth;background-color:#0b0c10}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(to bottom,#020205,#0a0c16,#050812,#0a0e1a,#020205);color:var(--text-primary);line-height:1.6;overflow-x:hidden;background-attachment:fixed;-webkit-font-smoothing:antialiased;min-height:100vh}.site-wrapper{max-width:1400px;margin:0 auto;padding:0 5%}.site-header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 5%;z-index:1000;box-sizing:border-box}.logo{font-family:var(--font-hero);font-size:1.8rem;font-weight:800;letter-spacing:-1px}.logo span{color:var(--text-secondary);font-weight:300}nav a{color:var(--text-secondary);text-decoration:none;margin-left:30px;transition:color .3s ease;font-size:.95rem;font-weight:500}nav a:hover{color:var(--text-primary)}.section-main{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 0;position:relative}.main-content{margin-bottom:60px;z-index:2}.hero-title{font-family:var(--font-hero);font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff,#889);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;letter-spacing:-2px}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a}#main-animation-container{width:100%;max-width:900px;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.1,.7,.1,1)}.section-gallery{padding:100px 0}.gallery-header{text-align:left;margin-bottom:60px}.gallery-header h2{font-family:var(--font-hero);font-size:2.5rem;font-weight:700;margin-bottom:10px;letter-spacing:-1px}.gallery-header p{color:var(--text-secondary);font-size:1.1rem}.gallery-item{width:200px;height:200px;background:transparent;border:none;display:flex;justify-content:center;align-items:center;overflow:visible;transition:transform .4s cubic-bezier(.1,.7,.1,1),filter .4s cubic-bezier(.1,.7,.1,1);position:relative;transform:translateZ(0)}.gallery-item:hover{transform:translateY(-8px) scale(1.05);filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.gallery-item svg{width:70%;height:70%}.site-footer{padding:60px 0;margin-top:50px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.social-link{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.95rem;padding:10px 20px;border-radius:100px;background:#ffffff08;border:1px solid var(--glass-border);transition:background .3s ease,transform .3s ease}.social-link:hover{background:#ffffff14;transform:translateY(-2px)}.social-icon{width:20px;height:20px;fill:currentColor}body:before{content:"";position:absolute;top:10%;left:50%;width:60vw;height:60vw;background:radial-gradient(circle,#4facfe14,#00f2fe00 60%);transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.hero-fullscreen{position:relative;width:100vw;height:100vh;margin-left:calc(-50vw + 50%);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}#hero-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#constellation-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;pointer-events:none;opacity:0;transform:translateY(20px);animation:fadeInUp 1.5s ease forwards .5s}.hero-content .hero-title{margin-bottom:1rem}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#permission-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#050508d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}#permission-overlay.active{opacity:1;visibility:visible}#enter-btn{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.3);padding:1rem 2.5rem;font-family:var(--font-body);font-size:1rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .4s ease;position:relative;overflow:hidden}#enter-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;transform:scaleX(0);transform-origin:right;transition:transform .4s ease;z-index:-1}#enter-btn:hover{border-color:#fffc;transform:translateY(-2px);box-shadow:0 10px 30px #00000080,0 0 20px #ffffff1a}#enter-btn:hover:before{transform:scaleX(1);transform-origin:left}.enter-instruction{margin-top:1.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:300;text-align:center;max-width:300px}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;color:var(--text-secondary);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;animation:bounce 2s infinite;opacity:0;animation-delay:2s;animation-fill-mode:forwards}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}.scroll-indicator svg{width:24px;height:24px;fill:currentColor;margin-top:5px}.section-title{font-family:var(--font-hero);font-size:2.5rem;font-weight:700;margin-bottom:10px;letter-spacing:-1px}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}@keyframes g-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes g-spin-rev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes g-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}50%{transform:scaleX(-1)}} @keyframes g-sand-fall{from{stroke-dashoffset:5}to{stroke-dashoffset:0}}@keyframes core-pulse-r{0%,to{r:5;opacity:1}50%{r:30;opacity:0}}50%{height:40px;y:-20px}} 50%{height:50px;y:-25px}} 50%{height:35px;y:-17.5px}} 50%{r:4.5}} 50%{opacity:1}} 50%{r:4;opacity:1}} 50%{r:4}} .clean-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:3rem;width:100%;justify-items:center}.dark-gallery-grid,.gallery-grid{display:flex;flex-direction:column;align-items:center;gap:4rem;width:100%}.clean-card{background:#fff;padding:2rem;border-radius:32px;display:flex;flex-direction:column;align-items:center;box-shadow:10px 10px 30px #0000000d,-10px -10px 30px #ffffff0d;transition:transform .3s ease;width:100%;max-width:260px}.clean-card:hover{transform:scale(1.05)}.clean-logo-frame{width:200px;height:200px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 5px 5px 15px #0000000d;border:4px solid #F5F5F4}.clean-label{margin-top:1.5rem;font-size:1rem;font-weight:700;color:#475569}.transparent-card{background:transparent;padding:2rem;display:flex;flex-direction:column;align-items:center;width:100%;max-width:260px}.transparent-logo-frame{width:200px;height:200px;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;isolation:isolate;transform:translateZ(0)}.transparent-label{margin-top:1.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}@keyframes spin-normal{to{transform:rotate(360deg)}}.spin-normal{animation:spin-normal 4s linear infinite;transform-origin:100px 100px}@keyframes cloud-bounce-anim{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.cloud-bounce{animation:cloud-bounce-anim 2s ease-in-out infinite}@keyframes bubble-anim{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-40px) scale(1.5);opacity:0}}.b1{animation:bubble-anim 2s ease-in infinite}.b2{animation:bubble-anim 2.5s ease-in infinite 1s}@keyframes hue{to{filter:hue-rotate(360deg)}}.hue-rotate{animation:hue 10s linear infinite}@keyframes float-t{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-t{animation:float-t 3s ease-in-out infinite}.floating-a{animation:float-t 4s ease-in-out infinite 1s}@keyframes float-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spark{0%,to{transform:scale(.8) rotate(0);opacity:.5}50%{transform:scale(1.2) rotate(15deg);opacity:1}}.bubble{animation:float-bubble 3s ease-in-out infinite}.sparkle{animation:spark 2s ease-in-out infinite;transform-origin:145px 45px}@keyframes rotate-drop{to{transform:rotate(360deg)}}.drop-container{animation:rotate-drop 6s linear infinite;transform-origin:100px 100px}@keyframes bloom{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:1}}.hex-1{animation:bloom 3s ease-in-out infinite;transform-origin:100px 100px}.hex-2{animation:bloom 3s ease-in-out infinite .5s;transform-origin:100px 100px}.hex-3{animation:bloom 3s ease-in-out infinite 1s;transform-origin:100px 100px}@keyframes flow{to{stroke-dashoffset:-40}}.path-flow{stroke-dasharray:10 10;animation:flow 1s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes pulse-grid{0%,to{opacity:.3}50%{opacity:1}}.grid-pulse{animation:pulse-grid 3s ease-in-out infinite}@keyframes wave-stream{0%{transform:translate(0)}to{transform:translate(-100px)}}.wave-group{animation:wave-stream 2s linear infinite}@keyframes neon-glow{0%,to{opacity:.8;filter:drop-shadow(0 0 4px #38BDF8)}50%{opacity:1;filter:drop-shadow(0 0 12px #38BDF8) drop-shadow(0 0 20px #A78BFA)}}.neon-path{animation:neon-glow 3s ease-in-out infinite}@keyframes wave-up{0%,to{transform:translateY(0) scale(1);opacity:.4}25%{transform:translateY(-30px) scale(1.3);opacity:1}75%{transform:translateY(30px) scale(.7);opacity:.1}}@keyframes wave-down{0%,to{transform:translateY(0) scale(1);opacity:.4}25%{transform:translateY(30px) scale(.7);opacity:.1}75%{transform:translateY(-30px) scale(1.3);opacity:1}}.dot-up{animation:wave-up 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.dot-down{animation:wave-down 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.reveal{opacity:0;transform:translateY(30px) scale(.98);transition:opacity 1s cubic-bezier(.1,.7,.1,1),transform 1s cubic-bezier(.1,.7,.1,1);will-change:opacity,transform}.reveal.reveal-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.abyss-tri-1{animation:g-spin 15s linear infinite;transform-origin:50% 50%;transform-box:view-box}.abyss-tri-2{animation:g-spin-rev 10s linear infinite;transform-origin:50% 50%;transform-box:view-box}.abyss-tri-3{animation:g-spin 5s linear infinite;transform-origin:50% 50%;transform-box:view-box}@keyframes dash-pulse{0%,to{stroke-dasharray:0 400;stroke-dashoffset:0}50%{stroke-dasharray:400 0;stroke-dashoffset:400}}.waveform-path{stroke-dasharray:0,400;animation:dash-pulse 6s infinite}