*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#060b09;color:#f4f7f5;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.id-system{position:relative;width:100vw;height:100vh;min-height:620px;background:#07100d}
.id-bg{position:absolute;inset:0;background:url('assets/aeon-id-main-interface.png') center/cover no-repeat;filter:saturate(.9) contrast(1.03)}
.id-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,6,.08),rgba(1,8,6,.18))}
.id-back{position:absolute;z-index:8;top:26px;left:30px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.22em;padding:10px 14px;border:1px solid rgba(255,255,255,.2);background:rgba(5,12,10,.32);backdrop-filter:blur(10px)}
.identity-core{position:absolute;z-index:5;left:50%;top:14%;transform:translateX(-50%);width:min(520px,46vw);text-align:center;padding:18px;background:rgba(4,15,11,.28);border:1px solid rgba(170,255,210,.2);backdrop-filter:blur(8px);box-shadow:0 0 35px rgba(44,255,135,.08)}
.identity-core span,.identity-core strong,.identity-core small{display:block;letter-spacing:.22em}.identity-core span{font-size:25px}.identity-core strong{font-size:15px;margin-top:11px}.identity-core small{font-size:10px;margin-top:8px;opacity:.75}.identity-core i{display:block;width:72px;height:2px;margin:13px auto 0;background:#59ff9a;box-shadow:0 0 16px #59ff9a;animation:corePulse 2.6s ease-in-out infinite}
.id-actions{position:absolute;z-index:7;left:50%;top:46%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(940px,65vw)}
.id-actions button{height:190px;border:1px solid rgba(210,255,230,.42);border-radius:17px;background:linear-gradient(180deg,rgba(5,18,14,.18),rgba(3,12,9,.58));color:#fff;backdrop-filter:blur(5px);cursor:pointer;transition:.35s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 24px rgba(50,255,135,.06)}
.id-actions button:hover,.id-actions button.active{transform:translateY(-8px) scale(1.025);border-color:rgba(105,255,165,.9);box-shadow:0 0 35px rgba(50,255,135,.24),inset 0 0 25px rgba(60,255,145,.08)}
.id-actions span,.id-actions small{display:block;letter-spacing:.22em}.id-actions span{font-size:24px}.id-actions small{font-size:9px;margin-top:15px;opacity:.68}
.id-status{position:absolute;z-index:6;right:4%;top:16%;width:190px;padding:12px 15px;background:rgba(3,12,9,.22);backdrop-filter:blur(6px)}
.id-status div{margin:12px 0}.id-status span{font-size:8px;letter-spacing:.18em}.id-status i{display:block;height:2px;margin-top:6px;background:linear-gradient(90deg,#5dffa0 var(--level),rgba(255,255,255,.15) var(--level));background-size:200% 100%;animation:meter 3.4s ease-in-out infinite;box-shadow:0 0 8px rgba(72,255,145,.35)}
.energy{position:absolute;z-index:4;pointer-events:none;border-radius:50%;border:1px solid rgba(70,255,145,.18);box-shadow:0 0 24px rgba(60,255,140,.12)}
.energy-a{width:38vw;height:38vw;left:31vw;top:-13vw;animation:rotate 26s linear infinite}.energy-b{width:29vw;height:29vw;left:35.5vw;top:-8.5vw;animation:rotate 18s linear infinite reverse}
.id-drawer{position:absolute;z-index:20;right:-430px;top:0;width:min(420px,90vw);height:100%;padding:110px 38px 40px;background:rgba(5,13,11,.88);border-left:1px solid rgba(95,255,155,.35);backdrop-filter:blur(20px);transition:right .45s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 60px rgba(0,0,0,.35)}
.id-drawer.open{right:0}.drawer-close{position:absolute;right:25px;top:25px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.id-drawer small{letter-spacing:.24em;color:#72ffa8}.id-drawer h2{font-size:42px;letter-spacing:.16em;margin:18px 0}.id-drawer p{line-height:1.7;color:rgba(255,255,255,.75)}
.drawer-pulse{display:flex;gap:7px;margin:30px 0}.drawer-pulse i{width:34px;height:2px;background:#66ff9f;animation:pulse 1.6s ease-in-out infinite}.drawer-pulse i:nth-child(2){animation-delay:.2s}.drawer-pulse i:nth-child(3){animation-delay:.4s}
.enter-module{border:1px solid rgba(105,255,165,.6);background:rgba(70,255,140,.06);color:#fff;padding:13px 18px;letter-spacing:.18em;cursor:pointer}
.system-mark{position:absolute;z-index:6;bottom:24px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.28em;opacity:.7}
@keyframes corePulse{50%{width:120px;opacity:.55}}@keyframes meter{50%{filter:brightness(1.6)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25;transform:scaleX(.55)}}
@media(max-width:850px){.id-actions{width:88vw;top:44%;gap:8px}.id-actions button{height:150px}.id-actions span{font-size:15px}.identity-core{width:72vw}.id-status{display:none}}

.module-media{margin:22px 0;border:1px solid rgba(105,255,165,.35);border-radius:12px;overflow:hidden;background:#020604;box-shadow:0 0 28px rgba(50,255,135,.1)}.module-media video{display:block;width:100%;height:auto}



/* V2.1 / premium ID entry sequence */
.id-entry{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 38%,#0b1712,#020504 68%);display:grid;place-items:center;padding:clamp(12px,3vw,42px);transition:opacity .6s ease}
.id-entry.done{opacity:0;pointer-events:none}.id-entry-shell{width:min(1180px,94vw);height:min(760px,82vh);display:grid;grid-template-rows:56px 1fr 58px;border:1px solid rgba(180,255,208,.24);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 38px 130px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.025);backdrop-filter:blur(20px);overflow:hidden}.id-entry-top,.id-entry-bottom{display:flex;align-items:center;gap:18px;padding:0 22px;font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.72)}.id-entry-top i,.id-entry-bottom>i{height:1px;flex:1;background:linear-gradient(90deg,rgba(100,255,160,.55),rgba(255,255,255,.06))}.id-entry-top b{font-size:9px;color:#7dffad;font-weight:500}.id-entry-screen{position:relative;min-height:0;margin:0 18px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#020403}.id-entry video{display:block;width:100%;height:100%;object-fit:contain;background:#020403}.id-entry-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 47%,rgba(98,255,157,.075) 50%,transparent 53%);background-size:100% 46px;opacity:.32;mix-blend-mode:screen}.id-entry-bottom{border-top:1px solid rgba(255,255,255,.055)}.id-entry button{border:0;background:transparent;color:#eafff0;padding:12px 0;letter-spacing:.18em;font:600 9px/1 sans-serif;cursor:pointer}.id-entry button:hover{color:#76ffab}.id-drawer.security-live .drawer-pulse i{animation-duration:.75s;box-shadow:0 0 22px rgba(95,255,155,.7)}.id-drawer.security-live .enter-module{border-color:rgba(95,255,155,.7);box-shadow:0 0 24px rgba(95,255,155,.18)}
@media(max-width:700px){.id-entry{padding:8px}.id-entry-shell{height:72vh;grid-template-rows:44px 1fr 48px}.id-entry-screen{margin:0 8px 8px}.id-entry-top,.id-entry-bottom{padding:0 12px}.id-entry-top span{font-size:7px}}

/* Identity soundtrack control */
.identity-sound-toggle{position:absolute;z-index:30;top:26px;right:30px;padding:11px 15px;border:1px solid rgba(125,255,175,.5);border-radius:8px;background:rgba(5,15,11,.78);color:#eafff0;letter-spacing:.16em;font:600 10px Arial,Helvetica,sans-serif;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 0 18px rgba(55,255,130,.12)}
.identity-sound-toggle:hover,.identity-sound-toggle:focus-visible{border-color:#79ffae;outline:2px solid rgba(125,255,175,.25);outline-offset:2px}
@media(max-width:700px){.identity-sound-toggle{top:18px;right:14px;padding:10px;font-size:9px}.id-back{top:18px;left:14px}}