:root{--color-bg:#f9f6ee;--color-accent:#a855f7;--color-accent-2:#ec4899;--color-gold:#c4a951;--color-teal:#0fc;--color-text:#1a1a1a;--color-text-muted:#0009;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);overflow:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased}.video-bg{object-fit:cover;object-position:center 10%;transform-origin:50% 10%;z-index:0;opacity:.6;width:100%;height:100%;position:fixed;inset:0}.video-overlay{z-index:1;pointer-events:none;background:radial-gradient(#fff6 0%,#f9f6eef2 100%);position:fixed;inset:0}.canvas-wrapper{z-index:2;position:fixed;inset:0}.grain{z-index:100;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.hud-top{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;padding:26px 38px;display:flex;position:fixed;top:0;left:0;right:0}.hud-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);text-shadow:none;font-size:1.5rem;font-weight:800}.hud-logo span{color:var(--color-accent)}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.scroll-hint{font-family:var(--font-body);letter-spacing:.25em;text-transform:uppercase;color:#ffffff73;align-items:center;gap:10px;font-size:10px;font-weight:300;display:flex}.scroll-hint-line{background:linear-gradient(90deg, transparent, var(--color-accent));width:36px;height:1px}.scroll-state{z-index:50;font-family:var(--font-display);letter-spacing:.4em;text-transform:uppercase;color:#ffffff59;pointer-events:none;white-space:nowrap;font-size:11px;font-weight:300;transition:opacity .4s;position:fixed;bottom:42px;left:50%;transform:translate(-50%)}.progress-bar{z-index:50;background:linear-gradient(90deg,#a855f7,#ec4899,#c4a951);height:2px;transition:width .1s linear;position:fixed;bottom:0;left:0;box-shadow:0 0 14px #a855f7e6}.track-dots{z-index:50;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.track-dot{background:#fff3;border-radius:50%;width:5px;height:5px;transition:all .4s}.track-dot.active{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent);transform:scale(1.5)}.side-instruction{transform-origin:50%;font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:#ffffff40;pointer-events:none;z-index:50;white-space:nowrap;font-size:10px;font-weight:300;position:fixed;top:50%;left:32px;transform:translateY(-50%)rotate(-90deg)}.center-content{z-index:50;text-align:right;pointer-events:none;max-width:340px;position:fixed;bottom:80px;right:60px}.center-content h1{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;text-shadow:0 0 40px #a855f766;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:.95}.center-content h1 .accent{background:linear-gradient(135deg,#a855f7,#ec4899,#c4a951);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.center-content p{font-family:var(--font-body);color:#ffffff73;margin-top:14px;font-size:.9rem;font-weight:300;line-height:1.7}.explode-label{z-index:50;pointer-events:none;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.explode-label h2{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #a855f733;white-space:nowrap;font-size:clamp(3rem,12vw,9rem);font-weight:800}.story-section{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:1400px;height:100vh;padding:0 8vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.story-section.right-align{flex-direction:row-reverse}.story-content{flex:1;max-width:540px}.story-image-container{z-index:1;flex:1;justify-content:center;max-width:600px;display:flex}.story-image{border:1px solid #ffffff1a;border-radius:24px;width:100%;height:auto;box-shadow:0 25px 50px -12px #0000004d}.story-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);text-shadow:none;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1}.story-title .accent{background:linear-gradient(135deg, var(--color-accent), #c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.story-text{font-family:var(--font-body);color:var(--color-text-muted);max-width:650px;text-shadow:none;font-size:clamp(1.2rem,2.2vw,1.4rem);font-weight:400;line-height:1.7}@media (width<=900px){.story-section,.story-section.right-align{text-align:center;gap:1.5rem;padding:0 5vw;flex-direction:column!important;justify-content:flex-start!important;padding-top:12vh!important}.story-content{align-items:center;max-height:30vh}.story-title{margin-bottom:1rem;font-size:clamp(2rem,8vw,3rem)}.story-text{font-size:1rem;line-height:1.5}.story-image-container{justify-content:center;align-items:center;width:100%;max-height:40vh;display:flex}.story-image{object-fit:contain;border-radius:16px;width:100%;height:auto;max-height:40vh}}.footer-container{background:var(--color-bg);color:var(--color-text);z-index:10;border-top:1px solid #0000000d;flex-direction:column;gap:4rem;padding:4rem 5vw 2rem;display:flex;position:relative}.footer-top{text-align:center}.footer-big-logo{font-family:var(--font-display);letter-spacing:-.05em;color:#1a1a1a;margin:0;font-size:clamp(4rem,15vw,12rem);font-weight:900;line-height:1}.footer-big-logo .accent{color:var(--color-accent)}.footer-grid{border-bottom:1px solid #0000001a;grid-template-columns:2fr repeat(4,1fr) 1.5fr;gap:2rem;padding-bottom:3rem;display:grid}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}.footer-logo{font-family:var(--font-display);margin-bottom:1rem;font-size:1.5rem;font-weight:800}.footer-logo span{color:var(--color-accent)}.footer-desc{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.footer-socials{gap:.8rem;display:flex}.footer-socials a,.footer-bottom-socials a{color:#000;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.footer-socials a svg,.footer-bottom-socials a svg{transition:all .2s}.footer-socials a:hover,.footer-bottom-socials a:hover{color:var(--color-accent);transform:translateY(-2px)}.footer-col h4{font-family:var(--font-display);color:var(--color-text);margin-bottom:1.2rem;font-size:1rem;font-weight:700}.footer-col a{color:var(--color-text-muted);margin-bottom:.8rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--color-accent)}.contact-item{color:var(--color-text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.footer-bottom{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.footer-bottom-actions{align-items:center;gap:2rem;display:flex}.footer-bottom-socials{gap:.5rem;display:flex}.footer-lang{cursor:pointer;color:var(--color-text);font-weight:600}@media (width<=768px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}}.liquid-nav-container{pointer-events:auto;justify-content:center;align-items:center;display:flex}.liquid-nav{-webkit-backdrop-filter:blur(16px);background:#000000a6;border:1px solid #0000001a;border-radius:9999px;gap:4px;padding:6px;display:flex;box-shadow:0 10px 40px #0003}.nav-item{cursor:pointer;font-family:var(--font-body);color:#fff9;z-index:1;background:0 0;border:none;border-radius:9999px;outline:none;padding:8px 24px;font-size:14px;font-weight:500;transition:color .3s;position:relative}.nav-item:hover{color:#fff}.nav-item.active{color:#1a1a1a;font-weight:600}.nav-label{z-index:2;position:relative}.liquid-bubble{z-index:0;-webkit-backdrop-filter:blur(12px)saturate(140%);background:radial-gradient(at 50% 0,#fffffff2,#ffffffb3);border:1px solid #fffc;border-top:2px solid #fff;border-radius:9999px;position:absolute;inset:0;box-shadow:0 8px 20px #0003,inset 0 4px 6px #ffffffe6,inset 0 -2px 6px #0000000d}.page-container{z-index:10;-ms-overflow-style:none;scrollbar-width:none;width:100vw;height:100vh;position:absolute;inset:0;overflow:hidden auto}.page-container::-webkit-scrollbar{display:none}.content-insertion-zone{-webkit-backdrop-filter:blur(20px);z-index:20;min-height:100vh;color:var(--color-text);background:#f9f6eed9;border-top:1px solid #0000000d;flex-direction:column;align-items:center;padding:5rem 5vw 6rem;display:flex;position:relative}.content-insertion-zone>*{width:100%;max-width:1000px}.page-content{z-index:20;text-align:center;width:100%;padding:0 24px;position:relative}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #0000000d;border-radius:20px;padding:2.5rem;box-shadow:0 15px 40px #0000000d}.page-layout-container{z-index:10;scrollbar-width:none;-ms-overflow-style:none;width:100vw;height:100vh;position:absolute;inset:0;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0% 80px,#000 150px 100%);mask-image:linear-gradient(#0000 0% 80px,#000 150px 100%)}.page-layout-container::-webkit-scrollbar{display:none}.responsive-grid-2col{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;margin-top:2rem;display:grid}@media (width<=900px){.page-layout-container{-webkit-mask-image:linear-gradient(#0000 0% 120px,#000 180px 100%);mask-image:linear-gradient(#0000 0% 120px,#000 180px 100%)}}@media (width<=768px){.responsive-grid-2col{grid-template-columns:1fr}}.page-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);text-shadow:none;margin-bottom:24px;font-size:clamp(3rem,8vw,6rem);font-weight:800}.page-title .accent{background:linear-gradient(135deg, var(--color-accent), #c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-subtitle{font-family:var(--font-body);color:var(--color-text-muted);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;line-height:1.6}.glass-orb{filter:blur(80px);z-index:15;opacity:.6;border-radius:50%;position:absolute}.orb-teal{background:var(--color-teal);width:40vw;height:40vw;top:-10%;left:-10%}.orb-purple{background:var(--color-accent);width:50vw;height:50vw;bottom:-20%;right:-10%}@media (width<=900px){.hud-top{flex-direction:column;gap:16px;padding:16px}.hud-spacer{display:none}.liquid-nav-container{width:100%;max-width:100vw}.liquid-nav{-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-start;max-width:100%;padding:4px 12px;overflow-x:auto}.liquid-nav::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;padding:6px 14px;font-size:13px}}.hero-section{text-align:center;z-index:50;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:0 5vw;display:flex;position:absolute}.hero-section>*{pointer-events:auto}.hero-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-text);margin-bottom:24px;font-size:clamp(2rem,4.5vw,4rem);font-weight:700;line-height:1.15}.hero-title .gradient-text{background:linear-gradient(90deg,#a855f7,#e9d5ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.hero-title .gradient-text:after{content:"";opacity:.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0,10 Q25,20 50,10 T100,10' fill='none' stroke='%23a855f7' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;width:100%;height:12px;position:absolute;bottom:-10px;left:0}.hero-desc{font-family:var(--font-body);color:var(--color-text-muted);max-width:600px;margin-bottom:32px;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:400;line-height:1.7}.hero-desc .highlight-dark{color:var(--color-text);font-weight:600}.hero-tagline{font-family:var(--font-display);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:40px;font-size:clamp(1.1rem,1.5vw,1.4rem)}.hero-tagline .highlight-dark{color:var(--color-text);font-weight:700}.hero-cta{background:var(--color-accent);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 15px #a855f740}.hero-cta:hover{background:#b570f8;transform:translateY(-2px);box-shadow:0 8px 25px #a855f766}.modal-content{z-index:1001;width:100%;max-width:500px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:1.2rem;transition:color .2s;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--color-text)}.modal-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem}.modal-subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:.9rem}.apply-panel{text-align:left;padding:3rem}@media (width<=600px){.apply-panel{padding:1.5rem}}.apply-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{gap:1rem;display:flex}.form-row>*{flex:1}@media (width<=600px){.form-row{flex-direction:column;gap:1.25rem}}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text);font-size:.85rem;font-weight:600}.form-group input{font-family:var(--font-body);color:var(--color-text);background:#fffc;border:1px solid #0000001a;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a855f726}.file-drop-zone{text-align:center;cursor:pointer;background:#ffffff80;border:2px dashed #00000026;border-radius:8px;padding:1.5rem;transition:all .2s}.file-drop-zone:hover{border-color:var(--color-accent);background:#fffc}.file-drop-zone.has-file{background:#00000008;border:1px solid #0000001a;padding:1rem}.file-prompt{color:var(--color-text-muted);font-size:.9rem}.file-info{color:var(--color-text);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.file-info button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none}.file-info button:hover{color:#f44}.form-error{color:#f44;background:#ff44441a;border-radius:6px;padding:.75rem;font-size:.85rem}.form-actions{justify-content:flex-end;gap:1rem;display:flex}.overlay-section{justify-content:space-between;align-items:center;gap:4rem;width:100%;padding:0 8vw;display:flex;position:absolute;left:0}.overlay-section-row{flex-direction:row}.overlay-section-reverse{flex-direction:row-reverse}.overlay-section-center{text-align:center;flex-direction:column;justify-content:center}@media (width<=900px){.overlay-section{text-align:center;gap:2rem;padding:0 4vw;flex-direction:column!important}.overlay-section .text-content{text-align:center!important;align-items:center!important}}.btn-primary{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){background:#b570f8;transform:translateY(-2px);box-shadow:0 4px 15px #a855f740}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#0000000d}.modal-success{text-align:center;padding:2rem 0}.success-icon{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:2rem;display:flex}