@font-face{font-family:Transducer Extended;src:url(../fonts/Transducer-ExtendedHairline.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Transducer Extended;src:url(../fonts/Transducer-ExtendedRegular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Transducer Extended;src:url(../fonts/Transducer-ExtendedMedium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Transducer Extended;src:url(../fonts/Transducer-ExtendedBold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Transducer Extended;src:url(../fonts/Transducer-ExtendedBlack.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--te-immortal: #7800FF;--te-gravity: #00FFAE;--te-mystic: #1E0139;--te-haven: #001E14;--te-midnight: #0C0C0C;--te-wildsand: #F3F3F3;--te-white: #FFFFFF;--te-black: #000000;--te-neutral-900: #0C0C0C;--te-neutral-800: #333333;--te-neutral-700: #595959;--te-neutral-500: #808080;--te-neutral-200: #CCCCCC;--te-neutral-100: #F3F3F3;--te-immortal-soft: #8B26FE;--te-gravity-soft: #26FFBA;--te-gravity-mint: #B7FFE8;--te-error: #FF0000;--te-warn: #FDFF5A;--te-accent-yellow: #FFE500;--fg-1: var(--te-midnight);--fg-2: var(--te-neutral-800);--fg-3: var(--te-neutral-700);--fg-4: var(--te-neutral-500);--fg-on-dark-1: var(--te-wildsand);--fg-on-dark-2: var(--te-neutral-200);--fg-on-purple: var(--te-wildsand);--bg-1: var(--te-wildsand);--bg-2: #FFFFFF;--bg-dark-1: var(--te-midnight);--bg-dark-2: var(--te-mystic);--bg-brand: var(--te-immortal);--bg-accent: var(--te-gravity);--border-subtle: var(--te-neutral-200);--border-strong: var(--te-midnight);--divider-on-dark: var(--te-neutral-700);--te-grad-mystic-immortal: linear-gradient(135deg, #1E0139 0%, #7800FF 100%);--te-grad-haven-gravity: linear-gradient(135deg, #001E14 0%, #00FFAE 100%);--te-grad-immortal-gravity:linear-gradient(135deg, #7800FF 0%, #00FFAE 100%);--te-grad-mystic-solid: linear-gradient(180deg, #1E0139 0%, #0C0C0C 100%);--te-grad-image-top: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 51%, rgba(0,0,0,1) 100%);--te-grad-image-bottom: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.6) 49%, rgba(0,0,0,0) 100%);--font-display: "Transducer Extended", "Transducer VF", "Archivo", "Arial Narrow", sans-serif;--font-body: "Manrope", "Inter", system-ui, -apple-system, sans-serif;--fs-hero: 240px;--fs-section: 124px;--fs-display-1: 90px;--fs-display-2: 72px;--fs-display-3: 64px;--fs-h1: 48px;--fs-h2: 32px;--fs-h3: 28px;--fs-h4: 24px;--fs-lg: 20px;--fs-md: 16px;--fs-sm: 14px;--fs-xs: 12px;--fs-2xs: 10px;--lh-tight: 1.05;--lh-snug: 1.1;--lh-body: 1.24;--lh-loose: 1.5;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 124px;--r-none: 0px;--r-sm: 2px;--r-md: 4px;--r-lg: 8px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0,0,0,.08);--shadow-2: 0 6px 24px rgba(0,0,0,.18);--shadow-glow-immortal: 0 0 32px rgba(120,0,255,.45);--shadow-glow-gravity: 0 0 32px rgba(0,255,174,.45);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur-med: .24s;--dur-slow: .4s}html,body{background:var(--bg-1);color:var(--fg-1);font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}.te-hero,h1.te-hero{font-family:var(--font-display);font-weight:400;font-size:var(--fs-hero);line-height:1.033;letter-spacing:-.01em;color:var(--fg-1);text-transform:none}.te-section-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-section);line-height:1.033;text-transform:uppercase;color:var(--fg-on-purple)}.te-display{font-family:var(--font-display);font-weight:400;font-size:var(--fs-display-1);line-height:1.066;text-transform:uppercase}.te-h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);line-height:1.5;text-transform:uppercase}.te-h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:1.25;text-transform:uppercase}.te-h3{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);line-height:1.14;text-transform:uppercase}.te-eyebrow{font-family:var(--font-body);font-weight:700;font-size:var(--fs-md);line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}.te-body{font-family:var(--font-body);font-weight:400;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--fg-2)}.te-body-bold{font-family:var(--font-body);font-weight:700;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--fg-2)}.te-caption{font-family:var(--font-body);font-weight:500;font-size:var(--fs-sm);line-height:1.14;color:var(--fg-3)}.te-meta{font-family:var(--font-body);font-weight:700;font-size:var(--fs-xs);line-height:1.24;color:var(--fg-4)}code,.te-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--te-midnight);color:var(--te-wildsand);font-family:var(--font-body);min-height:100vh;overflow:hidden}.stage{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.brand{position:relative;background:radial-gradient(ellipse at 30% 20%,rgba(120,0,255,.45) 0%,transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(0,255,174,.1) 0%,transparent 50%),linear-gradient(180deg,#1e0139,#0c0c0c);padding:48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.brand-top{display:flex;align-items:center;gap:16px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.06em;color:var(--te-wildsand);position:relative;z-index:2}.brand-top .dot{width:8px;height:8px;background:var(--te-gravity);border-radius:50%;box-shadow:0 0 12px #00ffaeb3;animation:pulse 1.6s ease-in-out infinite}.brand-logo{height:28px;width:auto;display:block;filter:brightness(0) invert(1)}@keyframes pulse{50%{opacity:.4}}.brand-divider{width:1px;height:16px;background:#fff3}.brand-hero{position:relative;z-index:2}.brand-eyebrow{font-family:var(--font-display);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:var(--te-gravity);margin-bottom:24px}.brand-eyebrow .sep{color:#ffffff4d;margin:0 10px}.brand-title{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,6.5vw,96px);line-height:.95;text-transform:uppercase;letter-spacing:-.01em;color:var(--te-wildsand)}.brand-title .accent{color:var(--te-immortal-soft);font-weight:400}.brand-sub{margin-top:24px;font-size:15px;color:var(--te-neutral-200);max-width:520px;line-height:1.5}.brand-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.brand-stat{background:#0c0c0c99;padding:18px 20px}.brand-stat-label{font-family:var(--font-display);text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:var(--te-neutral-500);margin-bottom:6px}.brand-stat-value{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;color:var(--te-wildsand)}.brand-stat-value .unit{font-size:12px;color:var(--te-neutral-500);font-weight:400;margin-left:4px}.arrow-plate{position:absolute;bottom:-2px;right:-2px;width:220px;height:220px;background:linear-gradient(135deg,transparent 0%,transparent 50%,var(--te-immortal) 50%,var(--te-immortal) 100%);pointer-events:none;opacity:.4;z-index:1}.login{background:#050505;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;position:relative}.login-frame{width:100%;max-width:440px;display:flex;flex-direction:column;gap:32px}.login-greeting{font-family:var(--font-display);font-weight:700;font-size:36px;line-height:1.05;text-transform:uppercase;letter-spacing:-.005em;color:var(--te-wildsand)}.login-greeting .accent{color:var(--te-immortal-soft)}.login-greeting .time{display:block;font-family:ui-monospace,SF Mono,monospace;font-weight:400;font-size:12px;letter-spacing:.12em;color:var(--te-gravity);text-transform:uppercase;margin-top:14px}.login-eyebrow{font-family:var(--font-display);text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:var(--te-immortal);margin-bottom:14px}.login-card{border:1px solid #1a1a1a;background:var(--te-midnight);padding:28px;display:flex;flex-direction:column;gap:20px}.login-card-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #1a1a1a;padding-bottom:14px}.login-card-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.04em}.login-card-meta{font-family:ui-monospace,SF Mono,monospace;font-size:10px;color:var(--te-neutral-500);letter-spacing:.06em}label.field{display:flex;flex-direction:column;gap:6px}label.field span{font-family:var(--font-display);text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--te-neutral-500)}input[type=email],input[type=text]{background:#0a0a0a;border:1px solid #1a1a1a;color:var(--te-wildsand);font-family:var(--font-body);font-size:14px;padding:12px 14px;outline:none;transition:border-color .15s}input[type=email]:focus,input[type=text]:focus{border-color:var(--te-immortal)}input::placeholder{color:var(--te-neutral-700)}.btn-o365{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--te-immortal);color:var(--te-wildsand);border:none;padding:16px 20px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.08em;cursor:pointer;transition:all .2s var(--ease-out);position:relative;overflow:hidden}.btn-o365:hover{background:var(--te-immortal-soft);transform:translateY(-1px);box-shadow:var(--shadow-glow-immortal)}.btn-o365:active{transform:translateY(0) scale(.98)}.btn-o365.loading{pointer-events:none;opacity:.85}.btn-o365 .ms-tile{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;flex-shrink:0}.btn-o365 .ms-tile div{background:#fff}.btn-o365 .ms-tile div:nth-child(1){background:#f25022}.btn-o365 .ms-tile div:nth-child(2){background:#7fba00}.btn-o365 .ms-tile div:nth-child(3){background:#00a4ef}.btn-o365 .ms-tile div:nth-child(4){background:#ffb900}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-family:var(--font-display);text-transform:uppercase;font-size:10px;letter-spacing:.18em;color:var(--te-neutral-700)}.divider:before,.divider:after{content:"";height:1px;background:#1a1a1a}.helper{font-family:var(--font-body);font-size:12px;color:var(--te-neutral-500);line-height:1.5}.helper a{color:var(--te-gravity);text-decoration:none;border-bottom:1px dotted rgba(0,255,174,.4)}.helper a:hover{border-bottom-style:solid}.security-row{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #1a1a1a;font-family:var(--font-body);font-size:11px;color:var(--te-neutral-700)}.security-row .badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:var(--te-neutral-500)}.security-row .badge:before{content:"";width:6px;height:6px;background:var(--te-gravity);border-radius:50%}.foot{position:absolute;bottom:24px;left:48px;right:48px;display:flex;justify-content:space-between;font-family:var(--font-body);font-size:10px;color:var(--te-neutral-700);text-transform:uppercase;letter-spacing:.1em}.overlay{position:fixed;inset:0;background:#050505eb;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;gap:24px}.overlay.show{display:flex}.overlay-spinner{width:40px;height:40px;border:2px solid rgba(120,0,255,.2);border-top-color:var(--te-immortal);border-radius:50%;animation:spin .9s linear infinite}.overlay-text{font-family:var(--font-display);text-transform:uppercase;font-size:12px;letter-spacing:.16em;color:var(--te-neutral-500)}.overlay-text strong{color:var(--te-wildsand)}@media (max-width: 1024px){.stage{grid-template-columns:1fr}.brand{padding:32px;min-height:50vh}.login{padding:32px}.foot{position:relative;bottom:auto;left:auto;right:auto;margin-top:24px}}