:root{--bg:#080b0e;--panel:#10161a;--text:#eef4f5;--muted:#a3bcc2;--gold:#a7cad1;--line:#a7cad122;--red:#f4a49c;--green:#a8cbb3;color-scheme:dark}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);font-weight:400;letter-spacing:.01em}
h1,h2,h3,.space-label strong{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.02em}
h1 em{font-style:normal;color:#a7cad1}h2{font-size:29px}h3{font-size:24px}
.topbar{min-height:91px;border-bottom-color:#a7cad11c}.bella-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1}.bella-wordmark{font:600 27px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#ecf4f5}.bella-brand .brand-caption{font-size:8px;letter-spacing:.17em;margin-top:8px;color:#a7cad1}.top-note{font-size:12px;color:#a3bcc2}
.eyebrow,.section-number,.card-overline{font-size:10px;letter-spacing:.2em}.button.primary{background:#a7cad1;border-color:#a7cad1;color:#081316}.button.primary:hover{background:#c6e1e6;border-color:#c6e1e6}.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-color:#a7cad1}.button{font-size:14px}.text-link{border-bottom-color:#a7cad160;color:#b9d9df}.text-button{font-size:14px}.field-hint{font-size:12px;line-height:1.6}.stack label{font-size:14px}input:not([type=checkbox]):not([type=file]){font-family:Arial,Helvetica,sans-serif;font-size:15px;background:#080d11;border-color:#a7cad12e}input::placeholder{color:#8d9fa5}.muted{color:var(--muted)}
.bella-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#06151d url('/static/brand/bella-smoke.jpg') center/cover no-repeat;overflow:hidden}.bella-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#010a10a1,#04121a66 50%,#02101780)}.bella-logo{width:clamp(230px,28vw,410px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 4px 18px #0008)}.banner-caption{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.3em;color:#c2e2e8;margin:15px 0 0;text-align:center}.bella-banner-home{min-height:460px;margin:0 5.5%;border:1px solid #a7cad12b;border-top:0;border-radius:0 0 9px 9px}.bella-banner-home .bella-logo{width:390px;max-width:75%}.bella-home .home-invitation{text-align:center;padding:48px 20px 25px}.home-invitation .eyebrow{margin-bottom:18px}.home-invitation h1{font-size:44px;line-height:1.2;margin-bottom:18px}.home-invitation .lead{font-size:17px;line-height:1.7;margin-bottom:24px}.home-invitation .text-link{font-size:13px}
.login-layout.bella-login{grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:60px;padding:70px 5.5%;max-width:1440px;align-items:center}.bella-login .login-story{min-height:490px;border:1px solid #a7cad12b;border-radius:8px;padding:30px 20px}.bella-login .bella-logo{width:370px;max-width:88%}.login-card{background:linear-gradient(140deg,#132026,#0d1216 80%);border-color:#a7cad133;padding:36px;box-shadow:0 25px 90px #0004}.login-card h2{font-size:30px;line-height:1.2;letter-spacing:-.02em}.login-card>.muted{font-size:15px;line-height:1.6}.login-card .card-overline{font-size:10px}.login-card .card-footnote{font-size:12px;line-height:1.6}.login-card .error{font-size:13px}.login-card .button{font-size:15px}.login-card .stack{gap:11px}
.bella-banner-watch{height:210px;margin:0 5.5%;border:1px solid #a7cad11f;border-top:0;border-radius:0 0 8px 8px}.bella-banner-watch .bella-logo{width:230px;max-height:153px}.bella-banner-watch .banner-caption{font-size:9px;margin-top:0}.watch-page{padding-top:30px}.watch-heading h1{font-size:clamp(29px,3vw,42px);line-height:1.2}.watch-heading{margin-bottom:23px}.watch-heading .eyebrow{font-size:10px}.player-frame{border-color:#a7cad126;background:#000;box-shadow:0 20px 70px #0005}.watch-notes{font-size:15px}.watch-stamp{font-size:10px;letter-spacing:.12em}.watch-notes .muted{font-size:13px}
.admin-page{padding-top:42px}.admin-heading h1{font-size:43px;line-height:1.15}.admin-heading .muted{font-size:15px}.space-label span{font-size:12px}.panel,.video-card{background:var(--panel);border-color:#a7cad125}.video-card h3{font-size:25px}.video-meta{font-size:12px}.share-link{background:#080d11;border-color:#a7cad124}.share-link span{font-size:12px}.pill{font-size:12px}.video-icon{background:#a7cad112}.file-drop{background:#a7cad105;border-color:#a7cad155}.file-drop:hover{background:#a7cad10d}.file-drop strong{font-size:14px}.file-drop>span:last-of-type{font-size:11px}.button.small{font-size:13px}.card-actions .danger{font-size:12px}.empty-library{background:linear-gradient(140deg,#0a222944,transparent)}.progress-caption{font-size:12px}.account-settings{font-size:14px}.notice{background:#101a20e6;color:#b9d2d8}.error{color:var(--red)}.account-settings .field-hint{font-size:12px}dialog{background:#10191e;border-color:#a7cad14d}footer{font-size:12px;color:#9db2b8}footer a{color:#afcbd2}footer a:hover{color:#e0f2f5}
@media(min-width:1600px){.bella-banner-home{min-height:500px}.bella-banner-home .bella-logo{width:430px}}
@media(max-width:1000px){.login-layout.bella-login{gap:30px;grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.bella-login .login-story{min-height:470px}.bella-login .bella-logo{width:320px}.login-card{padding:28px}.admin-heading h1{font-size:38px}}
@media(max-width:720px){.topbar{min-height:80px;gap:12px}.bella-wordmark{font-size:23px}.bella-brand .brand-caption{font-size:6px;letter-spacing:.13em;margin-top:6px}.top-note{font-size:10px}.bella-banner-home{min-height:330px;margin:0;border-left:0;border-right:0;border-radius:0}.bella-banner-home .bella-logo{width:300px;max-width:78%}.banner-caption{font-size:9px;letter-spacing:.23em;margin-top:7px}.bella-home .home-invitation{padding-top:34px}.home-invitation h1{font-size:34px}.home-invitation .lead{font-size:15px}.home-invitation .eyebrow{font-size:9px}.login-layout.bella-login{display:flex;flex-direction:column;gap:0;padding:0 0 25px}.bella-login .login-story{min-height:290px;width:100%;border:0;border-bottom:1px solid #a7cad124;border-radius:0;padding:20px}.bella-login .bella-logo{width:280px;max-width:75%}.bella-login .login-card{width:calc(100% - 40px);margin-top:27px;padding:26px}.login-card h2{font-size:27px}.login-card>.muted{font-size:14px}.bella-banner-watch{height:170px;margin:0;border-left:0;border-right:0;border-radius:0}.bella-banner-watch .bella-logo{width:190px;max-height:127px}.bella-banner-watch .banner-caption{font-size:8px}.watch-heading h1{font-size:28px}.watch-heading .pill{font-size:11px}.watch-notes{font-size:13px}.watch-notes .muted{font-size:12px}.watch-stamp{font-size:8px}.admin-heading h1{font-size:33px}.admin-heading .muted{font-size:14px}.admin-grid{gap:30px}.panel{padding:22px}.video-card h3{font-size:23px}.card-actions{gap:13px}.button.small{font-size:12px}footer{font-size:10px;gap:12px}.section-number{font-size:10px}.account-form{gap:15px}}

.bella-logo-link{display:contents}.bella-logo-link:focus-visible .bella-logo{outline:2px solid #a7cad1;outline-offset:5px}.footer-copyright{margin-left:auto;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;letter-spacing:.06em;line-height:1.6}
