@import url('/fonts.css');
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2c2437;background:#f5f4f7;font-synthesis:none;font-size:14px;--green:#33214d;--deep:#27173d;--lime:#b58eeb;--muted:#8a8590;--line:#e8e6eb;--soft:#f3f1f6}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,label.file-label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}input,textarea{color:inherit}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #7e62a4}a{color:inherit}button{border:0}button svg{pointer-events:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:26px;letter-spacing:-1.3px;font-weight:750}.brand-thin{font-weight:400}.brand i{display:inline-block;width:5px;height:5px;background:#7a4db9;border-radius:50%;margin-left:3px}.primary{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:9px;font-weight:600;transition:background .15s,transform .15s}.primary:hover{background:#26163c}.primary:active{transform:translateY(1px)}.text-button{color:var(--green);background:none;padding:6px;font-weight:600;font-size:12px}.text-button:hover{text-decoration:underline}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;color:#837e89;border-radius:7px;flex-shrink:0}.icon-button:hover{background:#ede9f2;color:var(--green)}.muted{color:#837e89}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px}.initial-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#817b89}.login-layout{min-height:100dvh;display:grid;grid-template-columns:46% 54%;background:#faf9fc}.login-story{background:var(--deep);color:#f2edf8;position:relative;overflow:hidden;min-height:720px;display:flex;flex-direction:column;padding:46px 9%}.brand-light{color:#fff}.brand-light i{background:var(--lime)}.story-content{margin:auto 0;padding:55px 0 8px;position:relative}.story-content .eyebrow{color:#b5abc2;font-size:10px;letter-spacing:2px}.story-content h1{font-size:clamp(42px,4.4vw,70px);line-height:1.12;letter-spacing:-2.8px;font-weight:500;margin:29px 0 24px}.story-content h1 em{font-style:normal;color:var(--lime)}.story-content p{font-size:15px;line-height:1.8;color:#c5bdd0;font-weight:350}.story-art{height:220px;position:relative;margin-top:12px}.art-orbit{border:1px solid #4e4260;border-radius:50%;position:absolute;width:270px;height:270px;left:80px;top:0;transform:rotate(-28deg) scaleY(.55)}.orbit-two{width:340px;height:340px;top:-35px;left:45px}.art-mail{position:absolute;left:38px;top:40px;width:244px;padding:24px;background:#f2edf8;border-radius:14px;box-shadow:0 18px 35px #180c295c;transform:rotate(-8deg);color:var(--deep)}.art-mail svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;display:block;margin-bottom:16px}.art-mail span{font-size:12px;font-weight:600}.art-lines{display:grid;gap:8px;margin-top:15px}.art-lines i{width:95%;height:5px;background:#dcd5e5;border-radius:6px}.art-lines i:last-child{width:60%}.art-check{background:var(--lime);color:var(--green);width:53px;height:53px;border:5px solid var(--deep);border-radius:50%;position:absolute;left:262px;top:143px;display:grid;place-items:center;transform:rotate(-8deg)}.art-check svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2}.art-dot{width:9px;height:9px;background:#b58eeb;border-radius:50%;position:absolute;left:332px;top:55px}.story-footer{display:flex;align-items:center;gap:8px;color:#a398b2;font-size:11px;margin-top:40px}.story-footer .icon{width:15px;height:15px}.login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 40px 95px}.login-box{max-width:380px;width:100%}.welcome-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #e1dbea;border-radius:15px;margin-bottom:34px;background:#efebf5;color:#604b7e}.welcome-mark .icon{width:25px;height:25px}.login-box .eyebrow{color:#7f748f}.login-box h2{font-size:29px;letter-spacing:-1px;margin:12px 0}.login-box>.muted{margin:0 0 36px;font-size:14px}.login-box label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.login-box input{width:100%;background:#fff;border:1px solid #dcd7e2;border-radius:8px;padding:14px 15px;height:49px;font-size:14px;outline:none}.login-box input:focus{border-color:#7d6c94;box-shadow:0 0 0 3px #8a76a513}.login-box input::placeholder{color:#a39fa9}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.password-label label{margin-bottom:7px}.password-label button{margin-bottom:7px}.login-submit{width:100%;justify-content:space-between;margin-top:27px;padding:15px 18px}.login-help{font-size:11px;line-height:1.9;color:#95909b;margin-top:26px}.login-footer{position:absolute;bottom:28px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:11px;color:#95909b}.login-footer>span{color:#aaa6af}.form-error{background:#fff0eb;color:#a54131;padding:11px 13px;border-radius:7px;font-size:12px;line-height:1.6;margin-top:15px}
.workspace{display:flex;height:100dvh;overflow:hidden;background:white}.sidebar{width:226px;flex-shrink:0;background:#f3f1f6;padding:30px 18px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar .brand{margin:0 10px 34px;font-size:25px}.compose-new{width:100%;padding:14px 8px;font-size:12px;box-shadow:0 4px 8px #27173d10}.nav-label{font-size:9px;letter-spacing:1.6px;color:#9b96a1;margin:33px 13px 13px;font-weight:600}nav{display:flex;flex-direction:column;gap:4px;overflow:auto}nav button{display:flex;align-items:center;width:100%;gap:12px;background:none;border-radius:8px;padding:12px 13px;text-align:left;color:#7d7883;font-size:12px}nav button .icon{width:18px;height:18px}nav button:hover{background:#e9e4f0}nav button.active{background:#e0d8ec;color:#402e5a;font-weight:650}nav button>span:first-of-type{flex:1}nav .badge{font-size:10px;border-radius:5px;background:#cdbde3;color:#4a3862;padding:2px 6px;min-width:21px;text-align:center}nav .nav-divider{height:1px;background:#e3dee9;margin:14px 12px}nav .custom-folder{font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:24px}.connection{display:flex;align-items:center;gap:6px;font-size:10px;color:#8f8898;padding:12px 10px}.connection i{width:5px;height:5px;border-radius:50%;background:#8466ad}.profile{border-top:1px solid #e2dde8;margin-top:10px;padding:18px 0 0;display:flex;gap:9px;align-items:center}.avatar,.topbar-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;flex-shrink:0;background:#e0d9ea;color:#6b5c80;font-size:12px;font-weight:700}.profile>div{min-width:0;flex:1}.profile strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis}.profile span:not(.avatar){font-size:9px;color:#958da0;display:block;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.profile .icon-button{width:25px}.profile .icon{width:16px}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;flex-shrink:0;display:flex;align-items:center;padding:0 30px;gap:20px;border-bottom:1px solid var(--line)}.search-box{display:flex;gap:11px;align-items:center;background:#f5f3f7;border:1px solid #ebe8f0;border-radius:8px;height:38px;width:min(465px,60%);padding:0 12px;color:#9790a1}.search-box .icon{width:17px}.search-box input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:12px}.search-box input::placeholder{color:#9892a1}.search-box kbd{border:1px solid #e1dde7;border-radius:4px;padding:1px 5px;font-size:10px;color:#a29aad}.topbar-label{font-size:11px;color:#9e97a7;margin-left:auto}.topbar-avatar{width:31px;height:31px;border-radius:50%;font-size:10px;background:#f1e9d9;color:#a79470}.mail-columns{display:flex;flex:1;min-height:0}.message-list-panel{width:374px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:29px 24px 24px}.list-heading .eyebrow{font-size:8px;color:#9991a5;letter-spacing:1.5px}.list-heading h1{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:8px 0 0}.list-heading .icon{width:17px}.list-controls{border-top:1px solid #efecf3;border-bottom:1px solid var(--line);padding:9px 19px 9px 24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#92899e}.pagination{display:flex;align-items:center;gap:3px}.pagination .icon-button{width:23px;height:23px}.pagination .icon{width:13px;height:13px}.pagination>span{min-width:18px;text-align:center}.rotate{transform:rotate(180deg)}.message-list{overflow-y:auto;flex:1}.message-row{position:relative;display:flex;align-items:stretch;border-bottom:1px solid #ebe8f0;background:white;min-height:101px}.message-row.selected{background:#eee9f5;border-left:3px solid #71529c}.message-row:hover{background:#f5f3f9}.message-select{padding:20px 15px 19px 24px;border:0;background:none;text-align:left;width:100%;min-width:0}.selected .message-select{padding-left:21px}.message-top{display:flex;align-items:center;gap:6px;margin-bottom:9px}.message-sender{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#60586b}.unread .message-sender{font-weight:700;color:#332a40}.message-date{font-size:9px;color:#9b92a7;flex-shrink:0}.message-subject{font-size:11px;color:#8e8798;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;display:block;padding-right:10px}.unread .message-subject{color:#574d66;font-weight:550}.unread-dot{width:5px;height:5px;flex-shrink:0;background:#7957a9;border-radius:50%}.row-star{width:29px;height:30px;margin:56px 12px 0 -8px;flex-shrink:0}.row-star .icon{width:14px;height:14px}.starred{color:#bd9e42!important}.starred .icon{fill:#e2cb79}.row-clip{width:11px;height:11px;color:#9f95ac}.list-empty{padding:65px 28px;text-align:center;color:#968fa1;line-height:1.8}.list-empty .icon{width:32px;height:32px;color:#aea3bd;margin-bottom:13px}.list-empty strong{display:block;color:#665a76;font-size:13px;margin-bottom:6px}.list-empty p{font-size:12px;margin:0}.reader{min-width:0;flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.reader-empty{margin:auto;text-align:center;padding:50px 20px}.empty-illustration{position:relative;background:#efebf5;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;margin:0 auto 27px}.empty-illustration svg{width:45px;height:45px;fill:none;stroke:#9d8bb7;stroke-width:1.1}.empty-illustration i{position:absolute;width:17px;height:17px;right:2px;top:10px;border-radius:50%;background:#bfa6e1;border:3px solid white}.reader-empty h2{font-size:21px;letter-spacing:-.6px;color:#5a4b70;font-weight:500}.reader-empty p{font-size:12px;line-height:1.9;color:#9c94a8}.reader-empty>span{display:block;font-size:8px;letter-spacing:3px;color:#b6aec0;margin-top:50px}.reader-toolbar{height:59px;display:flex;align-items:center;gap:8px;padding:0 26px;border-bottom:1px solid var(--line);flex-shrink:0}.reader-toolbar .icon{width:17px;height:17px}.toolbar-separator{height:18px;width:1px;background:#e8e5ec;margin:0 7px}.reader-toolbar .reader-back{display:none}.reader-toolbar .toolbar-right{margin-left:auto}.reader-scroll{overflow-y:auto;flex:1;padding:32px 35px}.reader-scroll h1{font-size:23px;font-weight:550;letter-spacing:-.65px;line-height:1.4;margin:0 0 26px;overflow-wrap:anywhere}.sender-line{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.sender-avatar{background:#e5dfee;color:#7a6993;border-radius:50%;width:39px;height:39px;font-size:13px}.sender-info{flex:1;min-width:0;font-size:11px;line-height:1.7}.sender-info strong{font-size:12px;color:#4f4261}.sender-info span{color:#998fa6;overflow-wrap:anywhere}.sender-info details{font-size:10px;color:#8a8099}.sender-info summary{cursor:pointer}.sender-time{font-size:9px;color:#9c92aa;text-align:right;line-height:1.7;max-width:105px}.privacy-note{font-size:9px;color:#a39cac;margin:0 0 20px;padding:9px 11px;background:#f7f5fa;border-radius:5px;display:flex;align-items:center;gap:6px}.privacy-note .icon{width:12px;height:12px}.email-frame{border:0;width:100%;min-height:330px;height:52vh;max-height:650px;background:white}.email-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 inherit;color:#574f62}.reader-attachments{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;gap:10px;flex-wrap:wrap}.attachment-card{display:flex;align-items:center;gap:10px;text-decoration:none;padding:12px;border:1px solid #dfd9e7;border-radius:8px;max-width:250px;background:#fbf9fd}.attachment-card:hover{background:#efe9f7}.attachment-card .icon{color:#7f6f95}.attachment-card>span{min-width:0}.attachment-card strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;font-weight:500}.attachment-card small{font-size:9px;color:#998fa8;display:block;margin-top:5px}.reply-actions{display:flex;gap:10px;margin-top:34px;margin-bottom:12px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dcd5e5;background:white;border-radius:7px;padding:10px 15px;font-size:11px;color:#76688a}.secondary:hover{background:#f1edf7}.secondary .icon{width:16px;height:16px}.mobile-menu{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;box-shadow:0 6px 25px #281d3826;background:#33214d;color:white;border-radius:9px;max-width:calc(100% - 35px);font-size:12px;line-height:1.5;z-index:30}.toast.error{background:#914c3c}
.composer{width:660px;max-width:calc(100vw - 32px);border:1px solid #e4dfec;border-radius:14px;box-shadow:0 24px 100px #1a13243d;padding:0;color:inherit;max-height:92dvh;background:#fff}.composer::backdrop{background:#241c3038;backdrop-filter:blur(3px)}.composer form{display:flex;flex-direction:column;max-height:90dvh}.composer header{display:flex;align-items:center;justify-content:space-between;background:#f1edf7;padding:21px 26px}.composer header .eyebrow{font-size:8px;color:#998daa;letter-spacing:1.4px}.composer h2{font-size:19px;font-weight:550;margin:6px 0 0;letter-spacing:-.4px}.compose-fields{padding:9px 26px 0}.compose-fields label,.from-field{display:flex;align-items:center;min-height:42px;gap:12px;border-bottom:1px solid #ebe7f0;font-size:12px}.compose-fields label>span,.from-field>span{width:50px;color:#968ba5;font-size:11px;flex-shrink:0}.from-field strong{font-size:11px;font-weight:500;color:#877a99}.compose-fields input{min-width:0;flex:1;border:0;outline:0;padding:10px 0;font-size:12px;background:white}.compose-fields input::placeholder{color:#aea6b9}.composer textarea{resize:vertical;min-height:240px;max-height:45vh;border:0;outline:none;line-height:1.8;padding:24px 27px;font-size:13px;background:white}.composer textarea::placeholder{color:#a9a0b6}.composer footer{display:flex;gap:10px;align-items:center;border-top:1px solid #ebe7f0;padding:16px 24px;flex-shrink:0}.composer footer .primary{font-size:12px;padding:11px 15px}.composer footer .primary .icon{width:16px;height:16px}.composer footer .text-button{margin-left:auto}.attachment-hint{font-size:9px;color:#a89eb6}.attachment-list{padding:0 26px;display:flex;flex-wrap:wrap;gap:7px}.attachment-chip{display:flex;align-items:center;gap:5px;background:#eee9f6;padding:5px 6px 5px 10px;border-radius:5px;font-size:10px;max-width:100%}.attachment-chip>span{max-width:220px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.attachment-chip .icon-button{width:20px;height:20px}.attachment-chip .icon{width:12px;height:12px}.composer .form-error{margin:12px 24px}.preview-banner{background:#fff0cc;color:#81651c;padding:7px;text-align:center;font-size:11px;position:fixed;top:0;left:0;right:0;z-index:50}.preview-banner~.workspace{padding-top:28px}
@media(min-width:1600px){.message-list-panel{width:425px}.reader-scroll{padding:42px 55px}.sidebar{width:250px}}
@media(max-width:1150px){.sidebar{width:206px;padding-inline:13px}.sidebar .brand{font-size:23px}.message-list-panel{width:315px}.reader-scroll{padding:25px}.topbar{padding:0 24px}.topbar-label{display:none}.topbar-avatar{margin-left:auto}.attachment-hint{display:none}}
@media(max-width:900px){.reader{display:none}.message-list-panel{width:100%;border-right:0}.message-row{min-height:91px}.message-select{padding:18px 24px}.mail-columns.reading .message-list-panel{display:none}.mail-columns.reading .reader{display:flex}.reader-toolbar .reader-back{display:flex}.row-star{margin-top:46px}.login-story{padding:35px 10%;min-height:670px}.story-content h1{font-size:43px}.story-art{transform:scale(.8);transform-origin:left top;height:180px}.login-panel{padding-inline:32px}.login-box h2{font-size:25px}.story-footer{font-size:9px}.login-footer{left:32px;right:32px}}
@media(max-width:650px){.login-layout{display:flex;flex-direction:column}.login-story{min-height:auto;padding:26px 26px 32px}.login-story .brand{font-size:24px}.story-content{padding:35px 0 0;margin:0}.story-content .eyebrow{font-size:8px}.story-content h1{font-size:36px;line-height:1.18;margin:15px 0 12px;letter-spacing:-1.6px}.story-content h1 br:nth-of-type(1){display:none}.story-content h1 br:nth-of-type(1)::after{content:' '}.story-content p{font-size:12px;margin:0}.story-art,.story-footer{display:none}.login-panel{padding:33px 26px 70px}.login-box{max-width:none}.welcome-mark{display:none}.login-box>.muted{margin-bottom:26px;font-size:12px}.login-box h2{font-size:25px}.login-footer{bottom:18px;left:26px;right:26px}.login-help{margin-top:20px}.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .2s;z-index:20;width:242px;box-shadow:15px 0 35px #25193620}.workspace.nav-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#2c213b4d;z-index:19}.mobile-menu{display:flex}.topbar{height:65px;padding:0 15px;gap:10px}.search-box{width:auto;flex:1}.search-box kbd{display:none}.topbar-avatar{width:29px;height:29px;margin-left:0}.list-heading{padding:24px 22px 20px}.list-heading h1{font-size:23px}.list-controls{padding-left:22px}.reader-toolbar{padding-inline:14px;gap:5px;height:54px}.reader-scroll{padding:25px 22px}.reader-scroll h1{font-size:21px}.sender-time{max-width:77px;font-size:8px}.sender-line{gap:9px}.sender-avatar{width:32px;height:32px;font-size:11px}.email-frame{height:50vh}.composer{max-width:100%;width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.composer form{max-height:100dvh;height:100%}.composer textarea{flex:1;max-height:none;min-height:130px}.composer header{padding:19px 20px}.compose-fields{padding-inline:20px}.composer footer{padding:14px 16px;gap:7px}.composer footer .primary{font-size:11px;padding:11px 12px}.composer footer .text-button{font-size:10px}.attachment-list{padding-inline:20px}.reader-empty{display:none}.reply-actions .secondary{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
nav button>span:first-of-type{white-space:nowrap;font-size:11.5px}nav button{gap:10px}nav .badge{flex-shrink:0}@media(max-height:760px) and (min-width:651px){.login-story{min-height:100dvh;padding-top:30px;padding-bottom:24px}.story-content{padding-top:28px}.story-content h1{font-size:48px;margin-top:20px;margin-bottom:18px}.story-art{height:140px;transform:scale(.7);transform-origin:left top}.story-footer{margin-top:26px}.login-panel{padding-top:35px;padding-bottom:60px}.welcome-mark{margin-bottom:20px}.login-box>.muted{margin-bottom:25px}.login-help{margin-top:18px}}