@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=Sora:wght@300;400;500;600;700;800&display=swap");:root{--b-navy:#006bdb;--b-blue-mid:#51afff;--b-blue-dk:#0052b0;--b-green:#8fd300;--b-green-cta:#25d366;--b-yellow:#fccc23;--b-red:#fe0000;--b-dark:#0a1628;--b-mid:#112240;--b-text:#2a2a2a;--b-gray:#575758;--b-gray-lt:#87878a;--b-light:#f4f7fc;--b-white:#fff;--glass:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.09);--glass-hover:hsla(0,0%,100%,.07);--font-head:"Open Sans",sans-serif;--font-body:"Sora",sans-serif;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:20px;--shadow-card:0 2px 12px rgba(0,107,219,.1);--shadow-btn:0 6px 18px rgba(0,107,219,.35);--shadow-btn-green:0 6px 18px rgba(37,211,102,.35)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:var(--font-body);font-size:16px;background:var(--b-white);color:var(--b-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.proto-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;gap:6px;padding:10px 20px;background:var(--b-navy);border-bottom:1px solid hsla(0,0%,100%,.12);align-items:center;font-family:var(--font-head)}.proto-nav .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.6);margin-right:8px;font-weight:600}.proto-nav button{font-family:var(--font-head);font-size:12.5px;font-weight:600;color:hsla(0,0%,100%,.75);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);padding:7px 16px;border-radius:var(--r-pill);cursor:pointer;transition:.18s}.proto-nav button:hover{background:hsla(0,0%,100%,.16);color:#fff}.proto-nav button.active{background:var(--b-green-cta);border-color:transparent;color:#fff;box-shadow:var(--shadow-btn-green)}.screen{display:none;position:relative;z-index:1;min-height:100vh;padding-top:54px}.screen.show{display:block}.split{display:grid;grid-template-columns:1fr 1.05fr;min-height:calc(100vh - 54px)}.split .pane{padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center}.pane-login-wrap{background:var(--b-white)}.pane-login{max-width:440px;margin:0 auto;width:100%}.brand-row{gap:11px;margin-bottom:36px}.brand-mark,.brand-row{display:flex;align-items:center}.brand-mark{width:38px;height:38px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--b-navy),var(--b-blue-mid));justify-content:center;font-weight:800;color:#fff;font-size:15px}.brand-mark,.brand-name{font-family:var(--font-head)}.brand-name{font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--b-text)}.brand-name b{color:var(--b-navy)}h1.login-h{font-family:var(--font-head);font-size:clamp(24px,2.8vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:var(--b-text)}h1.login-h .serif{color:var(--b-navy);font-style:italic}.login-sub{color:var(--b-gray-lt);font-size:15px;line-height:1.6;margin-bottom:32px;max-width:42ch}.field{margin-bottom:16px}.field label{display:block;font-family:var(--font-head);font-size:12.5px;color:var(--b-gray);margin-bottom:7px;font-weight:600;letter-spacing:.01em}.field input{width:100%;font-family:var(--font-body);font-size:14.5px;color:var(--b-text);padding:12px 14px;background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-md);transition:.18s}.field input::placeholder{color:#b0bac8}.field input:focus{outline:none;border-color:var(--b-navy);box-shadow:0 0 0 3px rgba(0,107,219,.1)}.btn-primary{width:100%;font-family:var(--font-head);font-weight:700;font-size:15px;color:#fff;padding:13px;border:none;border-radius:var(--r-md);cursor:pointer;margin-top:8px;background:var(--b-navy);box-shadow:var(--shadow-btn);transition:.2s;letter-spacing:.01em}.btn-primary:hover{background:var(--b-blue-dk);transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,107,219,.45)}.divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#b0bac8;font-size:12px;font-family:var(--font-head)}.divider:after,.divider:before{content:"";height:1px;flex:1 1;background:#e0e8f0}.btn-oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--b-text);padding:12px;background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-md);cursor:pointer;transition:.18s}.btn-oauth:hover{background:var(--b-light);border-color:#b0bac8}.btn-oauth svg{width:18px;height:18px}.login-foot{margin-top:28px;font-size:13px;color:var(--b-gray-lt);font-family:var(--font-head)}.login-foot a{color:var(--b-navy);text-decoration:none;font-weight:600}.login-foot a:hover{text-decoration:underline}.pane-show{position:relative;background:linear-gradient(135deg,var(--b-navy) 0,var(--b-blue-dk) 55%,#1a6acc 100%);overflow:hidden;align-items:flex-start}.show-inner{position:relative;z-index:2;max-width:480px}.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:hsla(0,0%,100%,.9);margin-bottom:20px;padding:5px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);border-radius:var(--r-pill);font-weight:700}.kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--b-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(143,211,0,.5)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(143,211,0,0)}}.show-h{font-family:var(--font-head);font-size:clamp(26px,2.8vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;color:#fff}.show-h .serif{color:var(--b-green);font-style:italic}.show-p{color:hsla(0,0%,100%,.82);font-size:15px;line-height:1.65;margin-bottom:30px;max-width:40ch}.tags{display:flex;flex-wrap:wrap;gap:9px}.tag{font-family:var(--font-head);font-size:12px;color:hsla(0,0%,100%,.9);padding:6px 13px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);border-radius:var(--r-pill);font-weight:600}.tag b{color:var(--b-green);font-weight:700}.lake{position:absolute;inset:0;z-index:1;opacity:.7}.lake .node{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.55);box-shadow:0 0 10px hsla(0,0%,100%,.4);animation:float 6s ease-in-out infinite}.lake .line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,hsla(0,0%,100%,.35),transparent);animation:dash 3s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes dash{0%{opacity:0}40%{opacity:1}to{opacity:0}}.lake-note{position:absolute;bottom:18px;right:20px;z-index:3;font-size:10.5px;color:hsla(0,0%,100%,.45);letter-spacing:.05em;background:rgba(0,82,176,.5);padding:5px 10px;border-radius:var(--r-sm);border:1px solid hsla(0,0%,100%,.12);font-family:var(--font-head)}.app-shell{max-width:1100px;margin:0 auto;padding:clamp(28px,5vw,60px) 24px 80px;background:var(--b-white)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(36px,6vh,72px);padding:14px 20px;background:var(--b-navy);border-radius:var(--r-lg);box-shadow:var(--shadow-btn)}.topbar .brand-name{color:#fff}.topbar .brand-name b{color:var(--b-blue-mid)}.topbar .right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.plan-chip{font-size:11.5px;font-weight:700;color:var(--b-dark);background:var(--b-green);padding:5px 12px;border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;min-height:28px}.plan-chip,.usage{font-family:var(--font-head);white-space:nowrap}.usage{font-size:12.5px;color:hsla(0,0%,100%,.7)}.avatar,.usage b{color:#fff}.avatar{width:34px;height:34px;border-radius:50%;background:var(--b-green-cta);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:13px;font-weight:700}.topbar .right .btn-primary{width:auto;margin-top:0;padding:8px 14px;border-radius:var(--r-pill);font-size:13px;box-shadow:none}.topbar .right .btn-primary:hover{box-shadow:0 6px 14px rgba(0,107,219,.32)}.hero-center{text-align:center;max-width:720px;margin:0 auto}.greet{font-family:var(--font-head);font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px;color:var(--b-text)}.greet .serif{color:var(--b-navy);font-style:italic}.greet-sub{color:var(--b-gray-lt);font-size:15.5px;margin-bottom:36px;font-family:var(--font-head)}.blu-box{background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-xl);padding:8px;display:flex;align-items:flex-end;gap:8px;box-shadow:var(--shadow-card);transition:.2s}.blu-box:focus-within{border-color:var(--b-navy);box-shadow:0 0 0 3px rgba(0,107,219,.1),var(--shadow-card)}.blu-box .ico-up{flex-shrink:0;width:42px;height:42px;border-radius:var(--r-md);background:var(--b-light);border:1.5px solid #d0d8e8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;color:var(--b-gray-lt)}.blu-box .ico-up:hover{background:#e0e8f0;color:var(--b-navy)}.blu-box textarea{flex:1 1;font-family:var(--font-body);font-size:15px;color:var(--b-text);background:transparent;border:none;resize:none;padding:12px 4px;height:46px;line-height:1.4}.blu-box textarea:focus{outline:none}.blu-box textarea::placeholder{color:#b0bac8}.blu-box .send{flex-shrink:0;width:42px;height:42px;border-radius:var(--r-md);border:none;cursor:pointer;background:var(--b-navy);color:#fff;display:flex;align-items:center;justify-content:center;transition:.2s}.blu-box .send:hover{background:var(--b-blue-dk);transform:translateY(-1px);box-shadow:var(--shadow-btn)}.suggest{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:16px}.suggest .s{font-family:var(--font-head);font-size:12.5px;color:var(--b-text);padding:7px 14px;background:var(--b-light);border:1.5px solid #d0d8e8;border-radius:var(--r-pill);cursor:pointer;transition:.18s;font-weight:600}.suggest .s:hover{background:rgba(0,107,219,.07);border-color:var(--b-blue-mid);color:var(--b-navy)}.mods-label{text-align:center;font-family:var(--font-head);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--b-gray-lt);margin:56px 0 20px;font-weight:700}.mods{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.mod{position:relative;background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-xl);padding:24px 22px;cursor:pointer;transition:.2s;overflow:hidden;box-shadow:var(--shadow-card)}.mod:hover{transform:translateY(-3px);border-color:var(--b-blue-mid);box-shadow:0 8px 24px rgba(0,107,219,.14)}.mod .m-ico{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:rgba(0,107,219,.08);color:var(--b-navy)}.mod h3{font-family:var(--font-head);font-size:16px;font-weight:800;margin-bottom:7px;letter-spacing:-.01em;color:var(--b-navy)}.mod p{font-size:13px;color:var(--b-gray-lt);line-height:1.55}.mod .badge{position:absolute;top:16px;right:16px;font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--b-dark);background:var(--b-yellow);padding:3px 9px;border-radius:var(--r-sm)}.mod .badge.soon{color:var(--b-gray-lt);background:rgba(0,0,0,.06)}.mod .arrow{margin-top:16px;color:var(--b-navy);font-family:var(--font-head);font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.mod.disabled{cursor:default;opacity:.55}.mod.disabled:hover{transform:none;border-color:#d0d8e8;box-shadow:var(--shadow-card)}.crud-shell{max-width:1060px;margin:0 auto;padding:clamp(24px,4vw,48px) 24px 80px;background:var(--b-white)}.crud-head{justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.crud-head,.crud-head .back{display:flex;align-items:center}.crud-head .back{font-family:var(--font-head);font-size:13px;color:var(--b-gray-lt);text-decoration:none;gap:7px;transition:.18s;font-weight:600}.crud-head .back:hover{color:var(--b-navy)}.crud-title{font-family:var(--font-head);font-size:clamp(22px,2.8vw,30px);font-weight:800;letter-spacing:-.02em;margin-top:6px;color:var(--b-text)}.crud-title .serif{color:var(--b-navy);font-style:italic}.crud-actions{display:flex;gap:10px}.btn-ghost{font-family:var(--font-head);font-size:13.5px;font-weight:600;color:var(--b-text);padding:10px 18px;background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-md);cursor:pointer;transition:.18s}.btn-ghost:hover{background:var(--b-light);border-color:#b0bac8}.btn-save{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:#fff;padding:10px 22px;border:none;border-radius:var(--r-md);cursor:pointer;background:var(--b-navy);box-shadow:var(--shadow-btn);transition:.2s}.btn-save:hover{background:var(--b-blue-dk);transform:translateY(-1px)}.crud-grid{display:grid;grid-template-columns:1fr 300px;grid-gap:24px;gap:24px;align-items:start}.card{background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-xl);padding:26px;margin-bottom:20px;box-shadow:var(--shadow-card)}.card h2{font-size:15px;font-weight:800;margin-bottom:4px;gap:9px;color:var(--b-text)}.card h2,.card h2 .num{font-family:var(--font-head);display:flex;align-items:center}.card h2 .num{width:24px;height:24px;border-radius:50%;background:var(--b-navy);color:#fff;font-size:12px;justify-content:center;font-weight:700;flex-shrink:0}.card .card-sub{font-size:12.5px;color:var(--b-gray-lt);margin-bottom:20px;padding-left:33px;line-height:1.55}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.crud-shell .field{margin-bottom:14px}.crud-shell textarea{width:100%;font-family:var(--font-body);font-size:14px;color:var(--b-text);padding:12px 14px;background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-md);resize:vertical;min-height:84px;transition:.18s}.crud-shell textarea:focus{outline:none;border-color:var(--b-navy);box-shadow:0 0 0 3px rgba(0,107,219,.1)}.crud-shell select{width:100%;font-family:var(--font-body);font-size:14px;color:var(--b-text);padding:12px 14px;background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-md);cursor:pointer;transition:.18s;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23575758' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.crud-shell select:focus{outline:none;border-color:var(--b-navy)}.req{color:var(--b-navy)}.upload{border:1.5px dashed #d0d8e8;border-radius:var(--r-lg);padding:28px;text-align:center;cursor:pointer;transition:.18s;background:var(--b-light)}.upload:hover{border-color:var(--b-navy);background:rgba(0,107,219,.04)}.upload .u-ico{color:var(--b-navy);margin-bottom:10px}.upload p{font-family:var(--font-head);font-size:13.5px;color:var(--b-text);margin-bottom:4px;font-weight:600}.upload span{font-size:11.5px;color:var(--b-gray-lt)}.side-card{background:var(--b-white);border:1.5px solid #d0d8e8;border-radius:var(--r-xl);padding:22px;position:-webkit-sticky;position:sticky;top:70px;box-shadow:var(--shadow-card)}.side-card .s-label{font-family:var(--font-head);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--b-gray-lt);margin-bottom:16px;font-weight:700}.prev-logo{width:54px;height:54px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--b-navy),var(--b-blue-mid));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;margin-bottom:14px}.prev-logo,.prev-name{font-family:var(--font-head)}.prev-name{font-size:17px;font-weight:700;margin-bottom:5px;color:var(--b-text)}.prev-meta{font-size:12.5px;color:var(--b-gray-lt);margin-bottom:18px;line-height:1.55}.prev-stat{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #e8eef5;font-family:var(--font-head);font-size:13px}.prev-stat span{color:var(--b-gray-lt)}.prev-stat b{color:var(--b-text);font-weight:700}.share-link{margin-top:18px;display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:11.5px;color:var(--b-navy);padding:10px 12px;background:rgba(0,107,219,.06);border:1.5px solid rgba(0,107,219,.18);border-radius:var(--r-md);cursor:pointer;word-break:break-all;font-weight:600;transition:.18s}.share-link:hover{background:rgba(0,107,219,.1)}.crud-foot{text-align:center;margin-top:50px;font-family:var(--font-head);font-size:11px;color:#b0bac8;letter-spacing:.04em}@media (max-width:880px){.split{grid-template-columns:1fr}.pane-show{display:none}.crud-grid,.form-row,.mods{grid-template-columns:1fr}.side-card{position:static}}