:root{--navy:#0a2233;--navy-80:#0a2233cc;--navy-95:#0a2233f2;--amber:#f5a623;--amber-dk:#d48c10;--white:#fff;--green:#4caf50;--orange:#ff9800;--red:#f44336;--glass:#ffffff1a;--glass-b:#ffffff2e;--glass-dk:#0a2233b3;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#fff;background:#000;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;display:flex}.syne{font-family:Syne,sans-serif}#phone{background:#000;border-radius:44px;flex-shrink:0;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 0 0 10px #1a1a1a,0 0 0 12px #333,0 40px 80px #000c}#phone:before{content:"";z-index:9999;background:#000;border-radius:0 0 20px 20px;width:120px;height:34px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=430px){html,body{height:100dvh;overflow:hidden}body{display:block;overflow:hidden}#phone{width:100%;height:100dvh;box-shadow:none;border-radius:0;overflow:hidden}#phone:before{display:none}}.btn{border-radius:var(--r-md);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-amber{background:var(--amber);color:var(--navy)}.btn-amber:hover{background:var(--amber-dk);transform:translateY(-1px)}.btn-glass{background:var(--glass);color:#fff;border:1px solid var(--glass-b)}.btn-glass:hover{border-color:var(--amber);color:var(--amber)}.btn-red{background:var(--red);color:#fff}.card{background:var(--glass-dk);border:1px solid var(--glass-b);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:18px}.input-wrap{margin-bottom:14px}.input-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.input{border-radius:var(--r-md);color:#fff;-webkit-appearance:none;background:#ffffff14;border:1px solid #ffffff26;outline:none;width:100%;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s}.input::placeholder{color:#ffffff40}.input:focus{border-color:var(--amber);background:#ffffff1c}.badge{letter-spacing:.03em;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:#4caf502e;border:1px solid #4caf5059}.badge-orange{color:var(--orange);background:#ff98002e;border:1px solid #ff980059}.badge-amber{color:var(--amber);background:#f5a6232e;border:1px solid #f5a62359}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-green{background:var(--green)}.dot-orange{background:var(--orange)}.sec-title{letter-spacing:.09em;text-transform:uppercase;color:#ffffff73;margin:20px 0 10px;font-size:11px;font-weight:600}.scroll-content{-webkit-overflow-scrolling:touch;flex:1;padding:0 20px 130px;overflow-y:auto}.page-inner{z-index:2;flex-direction:column;width:100%;min-height:100%;display:flex;position:relative}.photo-bg-wrap{z-index:0;position:absolute;inset:0;overflow:hidden}.photo-bg-wrap img{object-fit:cover;object-position:center 22%;filter:brightness(.82);width:115%;height:115%;margin:-7.5%;display:block}.photo-vignette{z-index:1;pointer-events:none;background:radial-gradient(ellipse 82% 72% at 50% 28%, transparent 0%, transparent 22%, #0a223333 45%, #0a22339e 70%, var(--navy) 100%);position:absolute;inset:0}.photo-overlay-bottom{z-index:2;pointer-events:none;background:linear-gradient(180deg, transparent 0%, transparent 35%, #0a223373 58%, var(--navy) 80%);position:absolute;inset:0}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:52px 24px 14px;display:flex}.topbar-logo{letter-spacing:.04em;font-family:Syne,sans-serif;font-size:17px;font-weight:800}.topbar-logo span{color:var(--amber)}.topbar-avatar{background:var(--glass);border:2px solid var(--amber);width:36px;height:36px;color:var(--amber);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.topbar-back{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 0;font-size:22px}.float-nav{z-index:1000;border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#081a28eb;border-radius:36px;justify-content:space-around;align-items:center;gap:24px;width:calc(100% - 32px);max-width:358px;padding:10px 22px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.nav-item{cursor:pointer;opacity:.45;flex-direction:column;flex:1;align-items:center;gap:3px;transition:opacity .2s;display:flex}.nav-item.active{opacity:1}.nav-item svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-item span{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:600}.nav-item.active span,.nav-item.active svg{color:var(--amber)}.toast{border:1px solid var(--glass-b);border-radius:var(--r-md);z-index:9999;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1a26f2;max-width:90%;padding:11px 20px;font-size:13px;font-weight:600;transition:transform .3s;position:fixed;top:60px;left:50%;transform:translate(-50%)translateY(-100px)}.toast.show{transform:translate(-50%)translateY(0)}.toast.success{color:var(--green);border-color:#4caf5066}.toast.info{color:var(--amber);border-color:#f5a62366}.toast.warn{color:var(--red);border-color:#f4433666}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{display:none}