:root{--bg:#0b0814;--pink:#f6a2df;--muted:#b4a7c7}body{background:var(--bg)}#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.noise{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient{height:1200px;background:radial-gradient(ellipse at 75% 35%,#ab39d322,transparent 50%),radial-gradient(ellipse at 15% 0,#7a39ee14,transparent 60%)}header,main{max-width:1320px}header{padding:24px 54px;background:#0b081444;backdrop-filter:blur(14px)}main{padding:0 54px}.brand{letter-spacing:3px}.brand-icon{filter:drop-shadow(0 0 8px #f1a3e0)}.status{margin-top:28px;font-family:monospace;letter-spacing:2.1px;font-size:9px}.hero{min-height:650px;grid-template-columns:1.05fr 1fr;gap:10px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(40px,4.8vw,64px);font-weight:600;letter-spacing:-2.6px;line-height:1.23}.hero h1 em{color:#f9b7e7;text-shadow:0 0 50px #ef7ac64a}.eyebrow{font-family:monospace;letter-spacing:2.2px;font-size:10px}.intro{font-size:13px;line-height:2}.button{border-radius:4px;padding:14px 22px;position:relative;overflow:hidden}.primary{background:linear-gradient(110deg,#f5c1e4,#e699e8);box-shadow:0 0 26px #de69db27,0 0 0 4px #e58de007}.primary:after{content:'';position:absolute;top:-50%;left:-60%;width:40%;height:200%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#fff5,transparent);animation:buttonShine 6s 2s infinite}.hero-actions{margin:35px 0 42px}.hero-meta{font-family:monospace;font-size:8px;letter-spacing:1px;border-left:1px solid #f1a0e059;padding-left:15px}.orb-scene{height:540px;perspective:800px;transform-style:preserve-3d;background:radial-gradient(ellipse at 50% 45%,#ad37c01c,transparent 58%)}.orb-scene:before{width:360px;height:360px;box-shadow:0 0 100px #b84dfb12,inset 0 0 50px #b84dfb09;border:1px solid #d89cfa10}.heart.hologram{width:260px;height:260px;display:grid;place-items:center;filter:drop-shadow(0 0 10px #ff80df70) drop-shadow(0 0 45px #b758df35);font-size:0;transform:rotate(-8deg);animation:floatCore 6s ease-in-out infinite;background:none}.hologram svg{width:100%;height:100%;overflow:visible}.orbit{width:390px;height:390px;border-color:#e3a0e53a;box-shadow:0 0 12px #e189e708}.o1{transform:rotate(-25deg) scaleY(.48);animation:orbitA 18s linear infinite}.o2{transform:rotate(60deg) scaleY(.58);border-color:#a996ff40}.o3{width:440px;height:440px;border-style:dashed;border-color:#bd9ce824;transform:rotate(15deg);animation:outerOrbit 90s linear infinite}.core-grid{position:absolute;width:100%;height:150px;bottom:38px;background-image:linear-gradient(#cc79e52a 1px,transparent 1px),linear-gradient(90deg,#cc79e52a 1px,transparent 1px);background-size:28px 28px;transform:rotateX(65deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.core-reticle{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;line-height:1.5}.core-reticle>span{font:8px monospace;letter-spacing:3px;color:#b58bc8}.core-reticle b{font:500 30px 'Be Vietnam Pro',sans-serif;color:#f5c1e8}.core-reticle b span{font-size:12px;color:#9572ad}.core-reticle small{font:6px monospace;letter-spacing:1.7px;color:#877198}.coordinate{position:absolute;font:8px/1.8 monospace;letter-spacing:1.1px;color:#7b638b}.coord-a{left:12px;top:105px}.coord-b{right:0;bottom:135px;text-align:right}.orb-tag{font-family:monospace;backdrop-filter:blur(10px);font-size:8px;letter-spacing:.7px;border-radius:3px;box-shadow:0 0 25px #dd7ee00b}.tag1{top:65px;right:14px}.tag2{bottom:155px;left:5px}.orb-caption{bottom:10px;font:7px monospace;letter-spacing:2px}.pulse-line{position:absolute;bottom:15px;left:0;width:100%;opacity:.5}.pulse-line svg{width:100%;height:30px}.pulse-line path{fill:none;stroke:#e8a3e3;stroke-width:.6;stroke-dasharray:480;animation:ecg 4s linear infinite}.signal-strip{margin:12px -54px 0;display:flex;justify-content:space-around;gap:20px;padding:20px;border-top:1px solid #e4a0e02b;border-bottom:1px solid #e4a0e02b;background:linear-gradient(90deg,#a64dd50a,#f1a3dc0b,#a64dd50a);font:10px monospace;letter-spacing:3px;color:#c798d5;overflow:hidden}.section-divider{border-top:0;margin-bottom:10px;font-family:monospace}.scan-section{padding:70px 0;gap:70px}.scan-card{border-radius:8px;min-height:200px;position:relative;box-shadow:inset 0 0 60px #8d42bc0a;background:linear-gradient(130deg,#a14ce610,#e88dcd05)}.scan-card:after{content:'QUÉT TIM / 20.10';position:absolute;top:10px;right:13px;font:6px monospace;letter-spacing:1.2px;color:#82648c}.scan-button{min-width:120px;height:132px;overflow:hidden}.scan-beam{position:absolute;left:0;right:0;height:1px;background:#ffc9f1;box-shadow:0 0 15px 3px #e386e388;top:10%;opacity:0}.scanning .scan-beam{opacity:1;animation:scanBeam 1s ease-in-out infinite alternate}.fingerprint{font-size:74px}.progress{height:2px}.scan-corners{border-radius:3px}.cards{gap:20px}.card{border-radius:6px;background:linear-gradient(140deg,#69498818,#1f152209);border-color:#dfb4ec25;padding:28px;overflow:hidden}.card:after{content:'';position:absolute;top:0;left:0;height:1px;width:50%;background:linear-gradient(90deg,transparent,#eba1df7a,transparent)}.card:hover{box-shadow:0 10px 55px #a153c01b;background:linear-gradient(140deg,#69498830,#1f152218);transform:translateY(-6px)}.card-number{font-family:monospace}.card-icon{border:1px solid #b87ac72b;background:#c480dc0b;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font-size:22px}.card-action{font-family:monospace;border-top:1px solid #d9a5dc15;padding-top:15px;display:block}.card p{min-height:42px}.voucher{background:linear-gradient(140deg,#703f741a,#b66e9208)}.voucher .card-action{border-top-style:dashed}.section-heading h2{font-size:31px}.letter{gap:85px;margin-top:90px}.memory{padding:12px 12px 24px;position:relative}.memory:before{content:'ẢNH HAI ĐỨA';position:absolute;top:-16px;left:20px;font:7px monospace;letter-spacing:1px;color:#ba8fc4}.letter-copy h2{font-size:32px}.signature{margin:30px 0}.mission-nav{position:fixed;z-index:6;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;background:#20132ad9;border:1px solid #e5ace644;box-shadow:0 12px 50px #0008;backdrop-filter:blur(18px);border-radius:40px}.mission-nav a,.mission-nav button{height:38px;width:43px;display:grid;place-items:center;border-radius:25px;color:#b39ac3;background:none;border:0;font-size:19px;transition:background .2s,color .2s}.mission-nav a:hover,.mission-nav a.active,.mission-nav button[aria-pressed=true]{background:#dea2e022;color:#ffc5f0}footer{padding-bottom:100px}dialog{border-radius:9px;background:linear-gradient(150deg,#2a1939,#160f22);box-shadow:0 0 0 5px #c88ad008,0 25px 100px #0009}.boot-screen{position:fixed;inset:0;z-index:30;background:radial-gradient(ellipse at 50% 40%,#321641f2,#090611fc 70%);display:grid;place-items:center;padding:28px;backdrop-filter:blur(20px);transition:opacity .7s,visibility .7s}.boot-screen[hidden]{display:none}.boot-screen.leaving{opacity:0;visibility:hidden}.boot-frame{text-align:center;max-width:480px;width:100%}.boot-logo{font-size:36px;font-weight:700;letter-spacing:8px}.boot-logo span{color:var(--pink)}.boot-logo small{font:9px monospace;letter-spacing:1px;vertical-align:top;color:#ae80bf}.boot-heart{font-size:90px;color:#e9a2e0;line-height:1.6;text-shadow:0 0 55px #ea6bb29c;animation:heartbeat 3s infinite}.boot-frame h2{font-size:23px}.boot-frame>p:not(.eyebrow){font-size:12px;color:#ad99ba}.boot-terminal{margin:25px auto;max-width:330px;border-top:1px solid #da97db22;border-bottom:1px solid #da97db22;padding:15px;text-align:left;font:10px/2.4 monospace;color:#ab8bb7}.boot-terminal span{display:block}.boot-terminal span:last-child{color:#e7a7d4}.boot-note{display:block;font:7px monospace;letter-spacing:2px;color:#8e6e9f;margin-top:25px}.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal-ready.revealed{opacity:1;transform:none}@keyframes floatCore{0%,100%{transform:translateY(-12px) rotate(-7deg) rotateY(-12deg)}50%{transform:translateY(2px) rotate(5deg) rotateY(15deg)}}@keyframes orbitA{50%{transform:rotate(-15deg) scaleY(.6)}}@keyframes outerOrbit{to{transform:rotate(375deg)}}@keyframes ecg{0%{stroke-dashoffset:960}100%{stroke-dashoffset:0}}@keyframes scanBeam{to{top:90%}}@keyframes buttonShine{20%,100%{left:160%}}@media(max-width:760px){header{padding:20px 22px}main{padding:0 22px}.hero{padding-top:40px;min-height:0;grid-template-columns:1fr}.hero h1{font-size:42px;letter-spacing:-1.7px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.orb-scene{height:410px;margin:10px auto 20px}.heart.hologram{width:220px;height:220px}.orbit{width:300px;height:300px}.o3{width:330px;height:330px}.orb-scene:before{width:280px;height:280px}.core-reticle{bottom:25px}.core-reticle b{font-size:25px}.orb-caption{bottom:0;font-size:6px}.tag1{top:40px;right:0}.tag2{bottom:105px;left:0;font-size:7px}.coord-a{top:90px;left:0;font-size:7px}.coord-b{bottom:150px;font-size:6px}.core-grid{bottom:5px}.pulse-line{bottom:1px}.signal-strip{margin:5px -22px 0;font-size:7px;letter-spacing:1.5px;padding:16px 8px;gap:10px}.signal-strip span{white-space:nowrap}.signal-strip span:last-child{display:none}.section-divider{padding:14px 0}.scan-section{padding:45px 0;gap:20px}.scan-card{min-height:185px;padding:22px 16px;gap:16px}.scan-info{font-size:11px}.scan-info small{font-size:6px}.scan-button{min-width:105px}.section-heading h2{font-size:26px}.card{padding:24px}.card p{min-height:0}.card-top{margin-bottom:20px}.letter{gap:42px;margin-top:55px}.letter-copy h2{font-size:28px}.mission-nav{bottom:max(14px,env(safe-area-inset-bottom))}.mission-nav a,.mission-nav button{height:36px;width:40px}.boot-frame h2{font-size:21px}.boot-frame .eyebrow{font-size:8px}.status{font-size:7px;letter-spacing:1.1px}}@media(max-width:360px){.hero h1{font-size:36px}.o3{width:280px;height:280px}.orbit{width:260px;height:260px}.hero-meta{font-size:7px;gap:12px}.scan-card{gap:12px}.scan-button{min-width:88px}.orb-tag{font-size:6px}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.boot-screen{transition:none}}