*{box-sizing:border-box}html{background:#090e22;color:#f7f2ff;font-family:Inter,Arial,sans-serif}body{margin:0;background:radial-gradient(ellipse at 50% 5%,#313358 0,#0b1026 48%,#080d1c 100%);min-height:100vh}.app{max-width:620px;margin:auto;background:#0b1024;min-height:100vh;box-shadow:0 0 80px #050817}.hero{height:570px;position:relative;background:url('alina.jpg') center 33%/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,32,.6),transparent 85%),linear-gradient(0deg,#0b1024 0,rgba(11,16,36,.2) 40%,rgba(9,12,27,.28) 100%)}header{position:relative;display:flex;justify-content:space-between;padding:30px 28px}.brand{font-family:Georgia,serif;font-style:italic;font-size:38px;color:#e4c9ff}.brand span{font-style:normal;color:#d7b3ff}.brand small{display:block;font:14px/1.35 Arial,sans-serif;color:#fbf6ff;margin-top:8px;letter-spacing:.1px}.age{border:1px solid #d1a9fb;color:#e1c9ff;border-radius:30px;padding:6px 13px;height:max-content;font-size:14px}.hero-copy{position:absolute;bottom:13px;left:28px;right:22px}.badge{display:inline-block;background:linear-gradient(110deg,#efd5ff,#af8aea);color:#101125;border-radius:22px;padding:8px 15px;font-size:13px;font-weight:bold;box-shadow:0 0 25px #ab7bf480}h1{font:normal 48px Georgia,serif;margin:14px 0 5px}h1 em{font-style:normal;color:#c4a0ef}.hero-copy p{font-size:14px;line-height:1.6}.hero-copy b{color:#c9a5f5;margin:0 8px}.content{padding:18px 24px 34px}.scene{display:grid;grid-template-columns:45% 55%;overflow:hidden;min-height:142px;border-radius:20px;background:#181e3a;border:1px solid #303759}.scene-photo{background:linear-gradient(0deg,#11172b40,#11172b10),url('alina.jpg') center 8%/cover}.scene-copy{padding:18px 18px 14px;border-left:1px solid #4a4768}.scene-copy strong{font-size:15px}.scene-copy p{color:#c0b8db;line-height:1.4;font-size:13px;margin:10px 0 0}.intro{font:italic 17px/1.55 Georgia,serif;color:#ded5ea;margin:20px 4px}.message{display:flex;gap:14px;align-items:start}.message img{width:54px;height:54px;object-fit:cover;object-position:50% 19%;border:2px solid #514a78;border-radius:50%}.message div{background:#242a4c;border:1px solid #515278;border-radius:20px;padding:16px 18px;line-height:1.48;flex:1;font-size:15px}.choices{display:grid;gap:10px;margin:20px 0}.choices button{width:100%;display:flex;align-items:center;gap:15px;text-align:left;background:#1e2441;color:#fff;border:1px solid #414669;border-radius:17px;padding:14px 18px;font-size:22px;cursor:pointer}.choices button span{font-size:15px}.choices button.selected,.choices button:hover{border:2px solid #e3baff;background:#2c2b50}.start{width:100%;border:0;border-radius:35px;padding:15px 22px;background:linear-gradient(110deg,#ebc9ff,#b390ef);color:#11152a;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 9px 30px #ae79fd38}.start span{float:right}.privacy{font-size:11px;text-align:center;color:#a8a1c7;margin:13px 0 25px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.features div{padding-left:12px;border-left:1px solid #3a3b57}.features div:first-child{padding-left:0;border:0}.features i{font-style:normal;display:block;font-size:25px;color:#caa5fa}.features strong{display:block;font-size:13px;margin:4px 0}.features small{font-size:11px;line-height:1.45;color:#ada6ca;display:block}dialog{width:min(94vw,480px);border:1px solid #514873;border-radius:25px;padding:22px;background:#11172f;color:#fff;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#050817d9}.dialog-top{display:flex;justify-content:space-between;align-items:start}.dialog-top small{color:#c7a3f5;letter-spacing:1px;font-size:10px}.dialog-top h2{font:normal 26px Georgia,serif;margin:8px 0 16px}.close{border:0;background:#303451;border-radius:50%;color:white;font-size:25px;width:36px;height:36px;cursor:pointer}.video{height:320px;border-radius:18px;overflow:hidden;position:relative;background:#242a42}.video img{width:100%;height:100%;object-fit:cover;object-position:center 21%}.status{position:absolute;left:12px;top:12px;background:#11182be0;padding:7px 10px;border-radius:18px;font-size:11px;color:#ccebd4}.bubble{margin-top:15px;padding:13px 16px;border-radius:15px;background:#292d4d;font-size:14px;line-height:1.5}.hint{color:#c5bcda;font-size:12px;line-height:1.5;margin:14px 0}.link{display:block;text-decoration:none;text-align:center;font-size:15px}.back{display:block;margin:13px auto 0;background:transparent;border:0;color:#c5badb;cursor:pointer}@media(max-width:400px){.hero{height:510px}.content{padding:12px 17px 28px}.scene-copy{padding:14px}.hero-copy{left:20px}header{padding:24px 20px}.video{height:270px}}
/* Brand lockup */
.brand{font-family:Arial,sans-serif;font-style:normal;font-size:inherit;color:#fff;min-width:0}
.brand-lockup{display:flex;align-items:center;gap:10px}
.brand-mark{width:44px;height:44px;flex:none;filter:drop-shadow(0 4px 14px #a179f066)}
.brand-word{font-size:24px;letter-spacing:-1.2px;font-weight:750;white-space:nowrap;text-shadow:0 2px 14px #080b21}
.brand-word span{color:#d6b2ff;font-weight:800;letter-spacing:-.6px}
.brand small{margin:8px 0 0 54px;font-size:12px;letter-spacing:.15px;text-shadow:0 1px 8px #080b21}
.message + .start{margin-top:24px}
@media(max-width:360px){.brand-word{font-size:20px}.brand-mark{width:38px;height:38px}.brand small{margin-left:48px;font-size:11px}}
.brand-lockup{align-items:center;gap:9px}
.brand-text{min-width:0;display:flex;flex-direction:column;gap:4px}
.brand-word{font-size:clamp(19px,5vw,24px);line-height:1;letter-spacing:-.8px}
.brand small{margin:0;font-size:clamp(9px,2.5vw,11px);line-height:1.2;letter-spacing:0;color:#efe7fb;white-space:nowrap}
.brand-mark{width:46px;height:46px}
@media(max-width:360px){.brand-lockup{gap:6px}.brand-mark{width:38px;height:38px}.brand-word{font-size:19px}.brand small{font-size:9px;margin:0}header{gap:8px}.age{padding:5px 10px}}