*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:#020509;color:#e8f6ff}a{color:inherit}button,input,textarea{font:inherit}:root{--cyan:#00d4ff;--blue:#0066ff;--green:#00ff88;--ink:#020509;--panel:rgba(6,14,24,.82);--line:rgba(0,212,255,.16);--muted:#7893a8;--text:#e8f6ff;--danger:#ff5d78;--shadow:0 24px 80px rgba(0,0,0,.45)}
#mailParticles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.42}.ambient{position:fixed;border-radius:50%;filter:blur(10px);pointer-events:none}.ambient-one{width:38vw;height:38vw;right:-14vw;top:-12vw;background:radial-gradient(circle,rgba(0,102,255,.18),transparent 66%)}.ambient-two{width:32vw;height:32vw;left:-14vw;bottom:-14vw;background:radial-gradient(circle,rgba(0,255,136,.11),transparent 68%)}
.login-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 76% 20%,rgba(0,72,150,.14),transparent 30%),linear-gradient(145deg,#020509,#06101c 55%,#020509)}.login-page::before,.app-grid{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.login-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,5vw,76px)}.mail-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.mail-brand img{width:56px;height:56px;object-fit:contain;border-radius:15px;filter:drop-shadow(0 0 14px rgba(0,212,255,.3))}.mail-brand span{display:flex;flex-direction:column}.mail-brand strong{font-family:Orbitron,sans-serif;font-size:.84rem;letter-spacing:1.7px}.mail-brand small{color:var(--cyan);font-size:.67rem;letter-spacing:1.6px;text-transform:uppercase;margin-top:5px}.ghost-link{color:#a9c2d5;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:.76rem;font-weight:700;letter-spacing:.6px;background:rgba(255,255,255,.025)}
.login-shell{position:relative;z-index:2;min-height:calc(100vh - 152px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,500px);gap:clamp(40px,7vw,100px);align-items:center;max-width:1400px;margin:0 auto;padding:30px clamp(24px,6vw,88px) 56px}.login-story{max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:2.4px}.eyebrow::before{content:"";width:20px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.login-story h1{font-family:Orbitron,sans-serif;font-size:clamp(2.15rem,4.6vw,5rem);line-height:1.08;margin:20px 0 22px;letter-spacing:-1.7px}.login-story h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#84e9ff,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.login-story>p{color:#9bb3c5;font-size:clamp(.98rem,1.35vw,1.15rem);line-height:1.8;max-width:660px}.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.trust-row span{font-size:.72rem;color:#8fb0c6;border:1px solid rgba(0,212,255,.13);background:rgba(0,212,255,.035);border-radius:999px;padding:8px 11px}.trust-row span::first-letter{color:var(--green)}
.signal-map{position:relative;width:min(530px,82vw);height:190px;margin-top:26px}.signal-core{position:absolute;left:47%;top:46%;width:72px;height:72px;transform:translate(-50%,-50%);border:1px solid rgba(0,212,255,.5);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,212,255,.2),rgba(0,102,255,.05) 60%,transparent);box-shadow:0 0 30px rgba(0,212,255,.23)}.signal-core::before,.signal-core::after{content:"";position:absolute;border:1px solid rgba(0,212,255,.2);border-radius:50%;inset:-22px;animation:pulseRing 3s infinite}.signal-core::after{inset:-46px;animation-delay:1s}.signal-core b{font-family:Orbitron,sans-serif;color:#dffbff;letter-spacing:1px}.signal-core span{position:absolute;inset:-4px;border-radius:50%;border-top:2px solid var(--cyan);animation:spin 5s linear infinite}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.n1{left:7%;top:30%}.n2{right:11%;top:18%}.n3{right:5%;bottom:19%}.n4{left:17%;bottom:14%}.beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform-origin:left center;opacity:.7;overflow:hidden}.beam::after{content:"";position:absolute;width:45px;height:2px;background:#fff;box-shadow:0 0 8px var(--cyan);animation:dataMove 2.4s linear infinite}.b1{width:215px;left:9%;top:33%;transform:rotate(8deg)}.b2{width:210px;left:51%;top:42%;transform:rotate(-15deg)}.b3{width:235px;left:49%;top:51%;transform:rotate(18deg)}.b4{width:180px;left:20%;top:72%;transform:rotate(-20deg)}
.login-card{position:relative;padding:34px;border-radius:28px;border:1px solid rgba(0,212,255,.2);background:linear-gradient(145deg,rgba(9,24,39,.94),rgba(2,7,13,.92));box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(24px)}.login-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(0,212,255,.65),transparent 34%,transparent 65%,rgba(0,102,255,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card-glow{position:absolute;width:220px;height:220px;right:-90px;top:-100px;background:radial-gradient(circle,rgba(0,212,255,.16),transparent 67%)}.login-card-head{display:flex;align-items:center;gap:15px;margin-bottom:28px}.mail-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,102,255,.15));border:1px solid rgba(0,212,255,.25);font-size:1.4rem;color:var(--cyan)}.login-card-head p{margin:0 0 5px;color:var(--cyan);font-size:.64rem;font-weight:800;letter-spacing:2px}.login-card-head h2{font-family:Orbitron,sans-serif;margin:0;font-size:1.4rem}.mail-login-form{display:grid;gap:10px}.mail-login-form label{font-size:.75rem;font-weight:700;color:#bcd1df;margin-top:8px}.mail-login-form small{color:#69879b;font-size:.66rem}.domain-field,.password-field{display:flex;align-items:center;border:1px solid rgba(0,212,255,.2);border-radius:13px;background:rgba(0,0,0,.28);transition:.2s}.domain-field:focus-within,.password-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.08)}.domain-field input,.password-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:15px 14px}.domain-field span{padding:0 14px;color:var(--cyan);font-size:.82rem;border-left:1px solid rgba(0,212,255,.14)}.password-toggle{border:0;background:transparent;color:var(--cyan);font-size:.7rem;font-weight:800;padding:0 14px;cursor:pointer}.primary-button{margin-top:13px;border:0;border-radius:14px;background:linear-gradient(110deg,var(--cyan),var(--blue));color:#fff;font-weight:800;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 12px 28px rgba(0,102,255,.23);transition:.2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,102,255,.3)}.primary-button b{font-size:1.15rem}.login-card-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.login-card-foot p{margin:0;color:#6f8ba0;font-size:.66rem;line-height:1.5}.login-card-foot a{color:var(--cyan);font-size:.69rem;font-weight:700;text-decoration:none;white-space:nowrap}.alert{padding:12px 14px;border-radius:11px;font-size:.77rem;line-height:1.5;margin-bottom:14px}.alert.error{background:rgba(255,93,120,.09);border:1px solid rgba(255,93,120,.3);color:#ff9aad}.alert.success{background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.28);color:#8fffc5}.login-footer{position:relative;z-index:2;display:flex;justify-content:space-between;padding:0 clamp(24px,5vw,76px) 22px;color:#506a7d;font-size:.65rem;letter-spacing:.5px}
/* Mail application */
.mail-app-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(0,91,166,.10),transparent 24%),#020509;overflow:hidden}.app-header{height:78px;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(0,212,255,.12);background:rgba(2,5,9,.88);backdrop-filter:blur(18px)}.app-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.app-brand img{width:43px;height:43px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 8px rgba(0,212,255,.28))}.app-brand span{display:flex;flex-direction:column}.app-brand strong{font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:1.8px}.app-brand small{color:var(--cyan);font-size:.58rem;letter-spacing:1.2px;text-transform:uppercase;margin-top:4px}.app-header-actions{display:flex;align-items:center;gap:12px}.secure-chip{color:var(--green);font-size:.6rem;font-weight:800;letter-spacing:1.4px;border:1px solid rgba(0,255,136,.16);padding:7px 10px;border-radius:999px;background:rgba(0,255,136,.04)}.account-chip{display:flex;align-items:center;gap:9px;border-left:1px solid rgba(255,255,255,.07);padding-left:14px}.account-chip>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(0,212,255,.24),rgba(0,102,255,.24));border:1px solid rgba(0,212,255,.2);font-weight:800}.account-chip div{display:flex;flex-direction:column}.account-chip b{font-size:.7rem}.account-chip small{color:#607c90;font-size:.58rem;margin-top:3px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(0,212,255,.15);border-radius:11px;background:rgba(255,255,255,.025);text-decoration:none;color:#b9d6e8;cursor:pointer}.mobile-menu-button{display:none}.mail-layout{height:calc(100vh - 78px);display:grid;grid-template-columns:270px minmax(0,1fr);position:relative;z-index:2}.mail-sidebar{border-right:1px solid rgba(0,212,255,.11);background:rgba(4,10,18,.78);padding:22px 16px;display:flex;flex-direction:column;overflow-y:auto}.compose-button{height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;background:linear-gradient(110deg,var(--cyan),var(--blue));text-decoration:none;color:white;font-weight:800;font-size:.78rem;box-shadow:0 10px 28px rgba(0,102,255,.22)}.compose-button b{font-size:1.25rem;font-weight:400}.folder-nav{display:grid;gap:4px;margin-top:22px}.folder-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#7f9bad;text-decoration:none;font-size:.76rem;font-weight:650;transition:.18s}.folder-nav a:hover{color:#dff7ff;background:rgba(0,212,255,.045)}.folder-nav a.active{color:var(--cyan);background:linear-gradient(90deg,rgba(0,212,255,.12),rgba(0,102,255,.04));border:1px solid rgba(0,212,255,.13)}.folder-icon{width:22px;text-align:center;font-size:1rem}.sidebar-card{margin-top:24px;padding:15px;border:1px solid rgba(0,212,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(0,212,255,.045),rgba(0,102,255,.02))}.sidebar-card span{font-size:.55rem;color:#5e8198;font-weight:800;letter-spacing:1.5px}.sidebar-card strong{display:block;margin:6px 0;color:var(--cyan);font-family:Orbitron,sans-serif;font-size:.78rem}.sidebar-card p{font-size:.62rem;line-height:1.55;color:#668196;margin:0}.sidebar-bottom{margin-top:auto;display:flex;gap:13px;padding:18px 8px 2px}.sidebar-bottom a{color:#607d91;text-decoration:none;font-size:.64rem}.sidebar-scrim{display:none}.mail-main{overflow:auto;padding:24px;position:relative}.inbox-panel,.compose-panel,.message-panel{max-width:1260px;margin:0 auto;border:1px solid rgba(0,212,255,.12);border-radius:20px;background:rgba(5,12,21,.78);box-shadow:0 18px 60px rgba(0,0,0,.22);overflow:hidden}.inbox-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 27px;border-bottom:1px solid rgba(0,212,255,.1)}.inbox-heading h1,.panel-heading h1{font-family:Orbitron,sans-serif;font-size:1.45rem;margin:7px 0 4px}.inbox-heading p{margin:0;color:#607c91;font-size:.68rem}.refresh-button,.close-compose,.back-button,.toolbar-button{border:1px solid rgba(0,212,255,.14);background:rgba(0,212,255,.035);color:#a4c3d6;border-radius:10px;padding:9px 12px;text-decoration:none;font-size:.69rem;font-weight:700}.close-compose{font-size:1.2rem;padding:5px 12px}.message-list{min-height:320px}.message-row{display:grid;grid-template-columns:38px minmax(150px,230px) minmax(0,1fr) 100px;align-items:center;gap:13px;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.045);text-decoration:none;color:#91aabd;transition:.16s}.message-row:hover{background:rgba(0,212,255,.035)}.message-row.unread{background:linear-gradient(90deg,rgba(0,212,255,.07),transparent 68%);color:#eafaff}.message-row.unread::before{content:"";position:absolute}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(0,212,255,.16),rgba(0,102,255,.12));border:1px solid rgba(0,212,255,.12);color:#aeeeff;font-size:.68rem;font-weight:800}.message-person{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.73rem}.message-subject{display:flex;align-items:center;gap:10px;min-width:0}.message-subject b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.74rem}.message-subject small{color:#4f6b7e;font-size:.58rem;white-space:nowrap}.message-row time{font-size:.64rem;color:#607c90;text-align:right}.empty-state{text-align:center;padding:70px 20px;color:#668195}.empty-state span{font-size:2.2rem;color:var(--cyan)}.empty-state h2{font-family:Orbitron,sans-serif;font-size:1rem;color:#b9d5e7}.empty-state p{font-size:.7rem}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;color:#617c90;font-size:.66rem}.pagination a{color:#9bc5dc;text-decoration:none}.pagination a.disabled{pointer-events:none;opacity:.3}
.compose-form{padding:6px 26px 26px}.compose-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;border-bottom:1px solid rgba(255,255,255,.055)}.compose-row label{font-size:.66rem;color:#6b879b;font-weight:700}.compose-row input{border:0;outline:0;background:transparent;color:#eafaff;padding:15px 4px}.compose-row input:disabled{color:#557286}.compose-form textarea{width:100%;min-height:370px;resize:vertical;border:0;outline:0;background:transparent;color:#dceef8;padding:22px 4px;line-height:1.7}.compose-actions{display:flex;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.055);padding-top:17px}.send-button{border:0;border-radius:11px;background:linear-gradient(110deg,var(--cyan),var(--blue));color:white;padding:11px 16px;font-size:.72rem;font-weight:800;cursor:pointer}.compose-actions>a{color:#7d9aaf;text-decoration:none;font-size:.69rem}.compose-actions small{margin-left:auto;color:#526e82;font-size:.6rem}.message-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.05)}.message-toolbar>div{display:flex;gap:8px}.inline-form{display:inline}.toolbar-button{display:inline-block;cursor:pointer}.toolbar-button.danger{color:#ff93a7;border-color:rgba(255,93,120,.18);background:rgba(255,93,120,.04)}.message-header{padding:28px}.message-header h1{font-family:Orbitron,sans-serif;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.35;margin:10px 0 22px}.sender-line{display:flex;align-items:center;gap:12px}.sender-line>div{display:flex;flex-direction:column;min-width:0}.sender-line strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-line small{margin-top:4px;color:#617e92;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-line time{margin-left:auto;color:#607c90;font-size:.64rem}.attachment-strip{display:flex;gap:10px;flex-wrap:wrap;padding:12px 28px;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}.attachment-strip span{font-size:.64rem;padding:8px 10px;border:1px solid rgba(0,212,255,.1);border-radius:9px;color:#94b6ca}.attachment-strip small{color:#536f83}.message-body{padding:30px;line-height:1.65;color:#d3e6f1;background:rgba(255,255,255,.012);overflow-wrap:anywhere}.message-body pre{font:inherit;white-space:pre-wrap;margin:0}.message-body a{color:var(--cyan)}.message-body table{max-width:100%}.message-body blockquote{border-left:2px solid rgba(0,212,255,.3);padding-left:14px;color:#86a3b7}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{transform:scale(.75);opacity:0}35%{opacity:.7}100%{transform:scale(1.35);opacity:0}}@keyframes dataMove{from{left:-50px}to{left:100%}}
@media(max-width:980px){.login-shell{grid-template-columns:1fr;max-width:720px}.login-story{text-align:center}.signal-map{margin-left:auto;margin-right:auto}.trust-row{justify-content:center}.login-card{max-width:520px;width:100%;margin:0 auto}.mail-layout{grid-template-columns:230px minmax(0,1fr)}.account-chip div{display:none}.message-row{grid-template-columns:38px minmax(120px,180px) minmax(0,1fr) 78px}}
@media(max-width:720px){.login-header{padding:18px}.mail-brand strong{font-size:.69rem}.mail-brand small{display:none}.ghost-link{padding:8px 11px}.login-shell{padding:28px 18px 40px}.login-story h1{font-size:2.2rem}.signal-map{height:150px;transform:scale(.9)}.login-card{padding:25px 20px}.login-card-foot{align-items:flex-start;flex-direction:column}.login-footer{padding:0 18px 18px;gap:12px;flex-direction:column}.app-header{height:66px;padding:0 12px}.app-brand span{display:none}.secure-chip{display:none}.mobile-menu-button{display:grid}.mail-layout{height:calc(100vh - 66px);display:block}.mail-sidebar{position:fixed;left:0;top:66px;bottom:0;width:270px;z-index:30;transform:translateX(-105%);transition:.24s}.mail-sidebar.open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:66px 0 0;z-index:25;background:rgba(0,0,0,.55);border:0;display:block;opacity:0;pointer-events:none;transition:.2s}.sidebar-scrim.open{opacity:1;pointer-events:auto}.mail-main{height:100%;padding:12px}.inbox-panel,.compose-panel,.message-panel{border-radius:15px}.inbox-heading,.panel-heading{padding:18px}.message-row{grid-template-columns:36px minmax(0,1fr) 70px;gap:10px;padding:12px 14px}.message-person{grid-column:2}.message-subject{grid-column:2;display:block;margin-top:-13px}.message-subject b{display:block;font-weight:600}.message-subject small{display:none}.message-row time{grid-column:3;grid-row:1;text-align:right}.compose-form{padding:4px 16px 18px}.compose-row{grid-template-columns:52px minmax(0,1fr)}.compose-form textarea{min-height:310px}.compose-actions{flex-wrap:wrap}.compose-actions small{width:100%;margin-left:0}.message-toolbar{padding:12px}.message-header{padding:20px}.sender-line{align-items:flex-start}.sender-line time{display:none}.message-body{padding:20px}.attachment-strip{padding:12px 20px}}
@media(max-width:430px){.login-story p{font-size:.9rem}.trust-row span{font-size:.62rem}.signal-map{width:100%;margin-left:-4%;transform:scale(.78)}.login-card-head h2{font-size:1.15rem}.domain-field span{padding:0 9px;font-size:.7rem}.app-header-actions{gap:7px}.account-chip{padding-left:8px}.account-chip>span{width:32px;height:32px}.message-toolbar .back-button{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-toolbar>div{gap:4px}.toolbar-button{padding:8px;font-size:.62rem}}