:root{color-scheme:dark;--bg:#071013;--panel:#0c171a;--mint:#7bf4cf;--text:#ecf6f3;--muted:#91a2a6;--line:rgba(123,244,207,.2)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.site-shell{max-width:1440px;margin:auto;padding:0 46px;position:relative}.grid-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(123,244,207,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(123,244,207,.025) 1px,transparent 1px),radial-gradient(ellipse at 18% 0%,rgba(61,165,137,.12),transparent 62%);background-size:64px 64px,64px 64px,100% 100%}.nav{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand:hover{text-decoration:none}.brand img{object-fit:contain}.brand span{font-size:29px;font-weight:800;letter-spacing:-1.5px}.account-name{display:flex;gap:12px;align-items:center;font-weight:650;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-avatar{width:35px;height:35px;display:grid;place-items:center;background:rgba(123,244,207,.08);border:1px solid var(--line);color:var(--mint);font-size:13px;flex-shrink:0}.kicker,.field>span,.field-label{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:2px}.kicker{margin:0 0 15px}.home-view{max-width:890px;margin:90px auto 100px}.home-view h1{font-size:clamp(35px,5.1vw,70px);font-weight:650;line-height:1.13;letter-spacing:-3px;margin:0 0 25px}.home-view h1 span{color:var(--mint)}.intro{color:var(--muted);font-size:16px;margin:0 0 34px}.address-form{max-width:640px}.field-label{display:block;margin-bottom:11px}.address-input{display:flex;border:1px solid var(--line);background:var(--panel);align-items:center;padding:0 20px;gap:10px;min-height:64px}.address-input:focus-within{border-color:var(--mint)}.address-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:18px 0;color:var(--text);font-size:20px}.address-input>span{font-size:17px;color:var(--muted);white-space:nowrap}.home-actions{display:flex;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 23px;border:1px solid var(--line);background:transparent;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:1.2px;text-decoration:none;transition:background .15s,border-color .15s}.button:hover{text-decoration:none;background:rgba(123,244,207,.08);border-color:var(--mint)}.primary{background:var(--mint);border-color:var(--mint);color:#071013}.primary:hover{background:#a2ffe4}.full{width:100%}.compact{padding:10px 16px;min-height:40px}.footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.5px;padding:30px 0;border-top:1px solid var(--line);margin-top:70px}.auth-view{max-width:520px;margin:65px auto}.auth-heading h1{font-size:48px;letter-spacing:-2px;line-height:1.1;margin:0 0 20px}.auth-form{display:grid;gap:24px}.field{display:grid;gap:9px}.field>span{font-size:10px}.field input,.field textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:15px;outline:0;min-width:0;border-radius:0}.field input:focus,.field textarea:focus{border-color:var(--mint)}.field input[readonly]{color:var(--mint);cursor:default}.field small,.auth-foot,.compose-footer small{color:var(--muted);font-size:12px}.auth-foot{margin:0;text-align:center}.password-field{position:relative}.password-field input{padding-right:80px}.password-toggle{position:absolute;right:12px;top:14px;background:transparent;border:0;color:var(--mint);font-size:10px;font-weight:800;letter-spacing:1px;padding:5px}.notice{padding:15px 20px;margin-top:22px;background:#112a24;border:1px solid var(--line);color:var(--mint);font-size:13px}.notice.error{background:#271b1b;border-color:#84413b;color:#ffc0b6}.mail-view{margin:45px 0 60px}.mail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.mail-heading .kicker{margin-bottom:8px}.mail-heading h1{font-size:clamp(19px,2.5vw,32px);letter-spacing:-1px;overflow-wrap:anywhere;margin:0;font-weight:650}.mail-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--line);min-height:500px;background:rgba(12,23,26,.83)}.mail-sidebar{padding:23px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:25px}.folders{display:grid;gap:5px}.folders button{display:flex;justify-content:space-between;align-items:center;border:0;color:var(--muted);background:transparent;padding:12px 10px;text-align:left;font-weight:600}.folders button:hover,.folders button.active{color:var(--mint);background:rgba(123,244,207,.07)}.logout{background:transparent;border:0;color:var(--muted);text-align:left;padding:10px;margin-top:auto;font-size:12px}.logout:hover{color:var(--mint)}.mail-content{padding:26px 30px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.section-heading h2{font-size:22px;letter-spacing:-.7px;margin:0}.text-button{background:transparent;border:0;color:var(--mint);font-size:10px;letter-spacing:1px;font-weight:800;padding:5px 0}.text-button:hover{text-decoration:underline}.message-list{display:grid}.message-row{width:100%;display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr) 80px;gap:18px;padding:19px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;color:var(--text)}.message-row:hover{background:rgba(123,244,207,.03)}.message-row.unread .row-subject{font-weight:750}.row-sender,.row-subject,.row-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sender{font-size:12px;color:var(--muted)}.row-subject{font-size:14px;margin-bottom:4px}.row-preview{font-size:12px;color:var(--muted)}.row-date{font-size:10px;color:var(--muted);text-align:right}.empty{display:grid;place-items:center;min-height:330px;align-content:center;text-align:center;gap:9px;color:var(--muted)}.empty .empty-symbol{font-size:42px;font-weight:250;color:var(--mint)}.empty strong{font-size:18px;color:var(--text);font-weight:500}.empty p{font-size:13px;margin:0}.read-actions{display:flex;gap:20px}.danger{color:#efa9a1}.read-subject{font-size:28px;line-height:1.3;overflow-wrap:anywhere;margin:25px 0 15px}.read-meta{display:grid;gap:4px;font-size:12px;color:var(--muted);overflow-wrap:anywhere;padding-bottom:25px;border-bottom:1px solid var(--line)}.read-body{font:14px/1.7 "Segoe UI",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:26px 0 35px}.attachments{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.attachments a{padding:10px;border:1px solid var(--line);font-size:12px}.compose-form{display:grid;gap:20px}.compose-form textarea{resize:vertical;min-height:230px}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.mail-content>#list-view>#load-more{margin-top:24px}@media(max-width:760px){.site-shell{padding:0 22px}.nav{min-height:87px}.brand img{width:42px;height:42px}.brand span{font-size:26px}.home-view{margin:65px auto}.home-view h1{letter-spacing:-1.6px}.address-input{padding:0 13px}.address-input input{font-size:17px}.address-input>span{font-size:13px}.auth-heading h1{font-size:39px}.mail-heading{align-items:start}.mail-workspace{grid-template-columns:1fr}.mail-sidebar{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:130px 1fr auto;gap:10px;padding:15px;align-items:center}.folders{display:flex}.folders button{gap:10px;font-size:12px;padding:9px}.folders button>span:last-child{display:none}.logout{padding:5px;margin:0;font-size:10px}.mail-content{padding:22px 18px}.message-row{grid-template-columns:1fr 70px;gap:5px 12px}.row-sender{grid-column:1;grid-row:1}.row-content{grid-column:1;grid-row:2}.row-date{grid-column:2;grid-row:1 / span 2}.account-name{max-width:165px;font-size:13px}.account-avatar{display:none}.mail-heading .compact{padding:9px;font-size:9px}.compose-footer{align-items:flex-end}.compose-footer small{max-width:60%;overflow-wrap:anywhere}.footer{margin-top:40px}}@media(max-width:380px){.mail-sidebar{grid-template-columns:1fr auto}.folders{grid-row:2;grid-column:1 / -1}.logout{grid-column:2;grid-row:1}.home-actions .button{padding:13px 16px;font-size:10px}}
/* Match the live Xunaro wordmark, forms, header and legal footer. */
body{font-family:Arial,Helvetica,sans-serif;color:#f3fffc;background:radial-gradient(circle at 76% 16%,rgba(56,217,245,.14),transparent 25rem),radial-gradient(circle at 18% 72%,rgba(123,244,207,.08),transparent 25rem),#071013}.site-shell{max-width:none;padding:0;min-height:100vh}.grid-glow{opacity:.35;background-image:linear-gradient(rgba(123,244,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,244,207,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.nav{max-width:1180px;margin:auto;padding:28px 24px;min-height:0}.brand .wordmark{color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #7bf4cf;font-family:Arial,Helvetica,sans-serif;font-size:26.2px;font-weight:900;letter-spacing:.13em;line-height:1;text-shadow:none}.nav-controls{display:flex;align-items:center;gap:10px}.home-view{max-width:900px;padding:0 24px}.home-view h1{margin-bottom:40px}.home-view h1>.typed-address{color:var(--mint)}.typed-address{display:inline-block;max-width:100%}.typed-address>span{display:block;overflow:hidden;width:0;white-space:nowrap;animation:mail-typing 1.1s steps(13,end) .15s forwards;letter-spacing:-.05em}.typed-address>span:after{content:' ';border-right:2px solid #7bf4cf;animation:mail-caret .6s step-end 3}@keyframes mail-typing{to{width:13ch}}@keyframes mail-caret{50%{border-color:transparent}}.footer{max-width:1180px;margin:70px auto 0;padding:22px 24px 35px;color:#596b6f;font:800 10px Arial,Helvetica,sans-serif;letter-spacing:.14em}.mail-view{max-width:1180px;padding:0 24px;margin:45px auto 60px}.mail-heading{justify-content:flex-start;gap:14px}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;color:#f3fffc;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu summary::-webkit-details-marker{display:none}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:14px;border:1px solid var(--line);background:#0c171a;box-shadow:0 18px 50px #0006;z-index:100}.account-dropdown button{width:100%;padding:10px;border:1px solid #ff6b754d;background:#ff6b7514;color:#ff6b75;cursor:pointer}.guest-language{position:relative;color:#79f1d0}.guest-language summary{display:flex;cursor:pointer;list-style:none;padding:10px}.guest-language summary::-webkit-details-marker{display:none}.guest-language-menu{position:absolute;right:0;top:100%;z-index:1000;width:230px;padding:16px;background:#091b20;border:1px solid #315457;box-shadow:0 12px 30px #0008}.guest-language-menu label{display:grid;gap:10px}.guest-language-menu select{width:100%;padding:10px;background:#071719;color:#effffc;border:1px solid #315457}.auth-view{max-width:none;min-height:100vh;margin:0;padding:32px 20px;display:grid;place-items:center}.auth-card{width:min(100%,570px);padding:46px;border:1px solid rgba(123,244,207,.2);background:linear-gradient(135deg,rgba(16,35,38,.98),rgba(7,16,19,.98));box-shadow:0 30px 100px #0008}.auth-brand-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-card h1{margin:10px 0 8px;font-size:48px;font-weight:700;letter-spacing:-.055em;line-height:normal}.auth-form{display:block}.switch-auth{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:12px}.switch-auth strong{color:var(--mint)}.auth-card .field{display:block;margin-top:16px}.auth-card .field>span{display:block;margin:0 0 7px;color:#b8c8ca;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.4}.auth-card .field input{padding:12px;background:#071013;color:#f3fffc;font:14px/1.4 Arial,Helvetica,sans-serif;border:1px solid rgba(121,244,207,.16)}.auth-card .field input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #7bf4cf14}.auth-card .password-field input{padding-right:70px}.auth-card .password-toggle{font-size:9px;top:10px}.auth-button{width:100%;margin-top:22px;padding:12px 18px;border:1px solid var(--mint);background:var(--mint);color:#071013;font:900 12px Arial,Helvetica,sans-serif;letter-spacing:.06em;min-height:43px;cursor:pointer}.signup-address{padding:0 12px;min-height:45px;background:#071013;border-color:rgba(121,244,207,.16)}.auth-card .signup-address input{border:0;box-shadow:none;padding:12px 0;background:transparent}.signup-address>span{margin:0!important;font-size:14px;color:#b8c8ca;letter-spacing:0}.language-picker{display:flex!important;align-items:center;border:1px solid var(--line);padding:0 12px;background:#071013;gap:10px}.language-picker .language-globe{margin:0}.language-picker select{width:100%;border:0;background:transparent;color:#f3fffc;padding:12px 0;font:14px Arial;outline:0}.language-picker option{background:#071013}.notice{max-width:1132px;margin:20px auto}.auth-mode #notice:not([hidden]){position:fixed;top:10px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 40px));z-index:1100}.translation-frame{position:absolute;width:1px;height:1px;clip-path:inset(50%);pointer-events:none;overflow:hidden}
@media(max-width:760px){.auth-card{padding:36px 22px}.nav{padding:24px 22px}.home-view{padding:0 22px}.typed-address>span{font-size:clamp(30px,7.5vw,54px)}.mail-sidebar{grid-template-columns:130px 1fr}.mail-heading{flex-wrap:wrap}.footer{gap:18px;flex-direction:column}.mail-view{padding:0 22px}.account-menu summary{max-width:140px}.auth-card .brand img{width:49px;height:49px}}
@media(prefers-reduced-motion:reduce){.typed-address>span{animation:none;width:13ch}.typed-address>span:after{animation:none;border:0}}
.nav #account-nav>a{padding:9px 14px;border:1px solid var(--line);background:rgba(12,23,26,.75);font-size:11px;font-weight:900;letter-spacing:.14em;min-height:0}.typed-address>span{animation-timing-function:steps(14,end)}