:root{--ink: #10213a;--ink-muted: #556987;--line: #dbe5f2;--accent: #1d4c9a;--accent-2: #2f6fcb;--danger: #b84444;--bg: #f8fbff;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 10%,#dbe9ff 0,transparent 35%),radial-gradient(circle at 92% 0%,#c8dbfb 0,transparent 32%),linear-gradient(160deg,#fff,#f5f9ff 48%,#eef5ff);min-height:100vh}h1,h2,h3{font-family:Sora,sans-serif}input,select,textarea,button{font:inherit;color:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:12px;padding:10px 14px;transition:transform .18s ease,border-color .18s ease,filter .18s ease,background .18s ease}button:hover{transform:translateY(-1px);filter:brightness(1.03)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.btn-inline-loader{display:inline-flex;align-items:center;gap:8px}.spinner{display:inline-block;border-radius:999px;border:2px solid rgba(29,76,154,.22);border-top-color:var(--accent-2);animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-md{width:18px;height:18px}.spinner-lg{width:26px;height:26px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing{max-width:1200px;margin:0 auto;padding:26px}.floating-header{position:sticky;top:14px;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #cad8ea;border-radius:999px;background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 26px #10213a14}.floating-header nav{display:flex;gap:8px}.floating-header.compact{position:static;margin-bottom:14px;border-radius:14px}.user-icon-wrap{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #c7d7ed;background:#f1f6ff}.user-trigger{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.hero-shell{margin-top:30px;display:grid;grid-template-columns:1fr;gap:24px;background:linear-gradient(135deg,#fff,#f5f9ff 70%,#eef4ff);border:1px solid var(--line);border-radius:24px;padding:28px;transition:border-color .18s ease,transform .18s ease}.hero-shell:hover{border-color:#c5d8f2;transform:translateY(-2px)}.hero-left h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1;margin:0 0 14px}.hero-left p{color:var(--ink-muted);max-width:55ch}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero-card,.register-card,.content-card,.final-cta{background:#fff;border:1px solid #d6e1f0;border-radius:20px;padding:18px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hero-card:hover,.register-card:hover,.content-card:hover,.final-cta:hover{transform:translateY(-3px);border-color:#bfd3ef;box-shadow:0 10px 22px #1d4c9a14}.hero-card h3,.register-card h1{margin-top:0}.premium-strip{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.premium-strip article{border:1px solid #d6e3f2;border-radius:14px;padding:14px;background:#fff;transition:transform .18s ease,border-color .18s ease}.premium-strip article:hover{transform:translateY(-3px);border-color:#bfd3ef}.premium-strip span{display:block;color:var(--ink-muted);font-size:12px}.content-grid,.faq-cta{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.content-card ul{margin:8px 0 0;padding-left:18px;color:var(--ink-muted);line-height:1.6}.pricing-band{margin-top:16px;border:1px solid #d6e2f2;border-radius:18px;padding:16px;background:linear-gradient(135deg,#fff,#f4f9ff)}.pricing-band h2{margin-top:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.price-card{border:1px solid #d6e2f2;border-radius:14px;padding:14px;background:#fff;transition:transform .18s ease,border-color .18s ease;display:flex;flex-direction:column;gap:10px}.price-card:hover{transform:translateY(-3px);border-color:#bfd3ef}.price-card p{font-size:20px;margin:6px 0}.price-card small{color:var(--ink-muted)}.featured{border-color:#2f6fcb;box-shadow:0 0 0 1px #2f6fcb33}.register-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-page{min-height:100vh;padding:0}.login-split{width:100%;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;border:none;border-radius:0;background:#ecf3ff;box-shadow:none}.login-banner{position:relative;overflow:hidden;background:#102844;color:#f7fbff;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.slide-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3}.slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#10284459,#102844bf)}.slide-content{position:relative;z-index:1;max-width:36ch}.slide-content h2{margin:16px 0 10px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}.slide-content p{opacity:.95;line-height:1.6}.news-pill{display:inline-block;padding:6px 14px;border-radius:999px;background:#ef3364;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.slide-card,.slide-dots{position:relative;z-index:1}.slide-dots{display:flex;gap:8px;justify-content:center}.dot{width:12px;height:12px;border-radius:999px;border:none;background:#ffffff6b;padding:0}.dot.active{background:#fff;transform:scale(1.2)}.login-form-wrap{padding:32px 42px;background:linear-gradient(180deg,#f9fbff,#f0f5ff);color:#142d4f;display:flex;flex-direction:column;justify-content:center}.login-form-wrap h1{margin:10px 0}.login-brand{display:inline-block;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #d0def1;font-weight:700}.login-subtitle{margin-top:0;color:#5e7599}.login-form-wrap input{background:#fff;border-color:#c8d8ef;color:#123357}.login-form-wrap input::placeholder{color:#7e98bc}.login-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.link-btn{border:none;background:transparent;color:#1d4c9a;padding:0;font-weight:600;display:inline-flex;align-items:center;gap:6px}.link-btn:hover{color:#2f6fcb}.link-btn:disabled{opacity:.45;pointer-events:none}.inline-error{margin:0;color:#a33636;font-size:14px}.register-card{width:min(520px,100%)}.register-card p,.final-cta p{color:var(--ink-muted)}.grid{display:grid;gap:10px}input,select,textarea{width:100%;background:#fff;border:1px solid #cfdced;border-radius:12px;padding:10px 12px;transition:border-color .18s ease,background .18s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#77a5e5;background:#f8fbff}.primary{background:linear-gradient(135deg,#1d4c9a,#2f6fcb);color:#f8fbff}.primary:hover{background:linear-gradient(135deg,#2f6fcb,#5d90d8);color:#fff}.ghost{background:transparent;border-color:#c3d5eb;color:#153867}.ghost:hover{border-color:#8fb3df;background:#e9f1ff;color:#0f2d57}.icon-btn{display:inline-flex;align-items:center;gap:8px}.dashboard{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.dashboard aside{border-right:1px solid #d7e3f2;background:#fff;padding:18px;display:flex;flex-direction:column;gap:10px}.dashboard aside button{background:#f3f8ff;border-color:#d1dff1;color:#1b3f6f}.dashboard aside button:hover{background:#e8f1ff}.dashboard aside .danger{margin-top:auto;background:#ffecec;border-color:#f5b8b8;color:#8f2c2c}.dashboard main{padding:18px}.dashboard main section{background:#fff;border:1px solid #d6e2f2;border-radius:16px;padding:16px}.view-fade{animation:fade-up .26s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.empty-state{border:1px dashed #c7d8ef;border-radius:12px;padding:16px;background:#f6faff}.empty-state h3{margin:0 0 6px}.empty-state p{margin:0;color:var(--ink-muted)}.video-card{border:1px solid #d1e0f2;border-radius:14px;padding:12px;background:#f7fbff;transition:transform .18s ease,border-color .18s ease}.video-card:hover{transform:translateY(-2px);border-color:#b8d0ee}.video-preview{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;margin-bottom:10px;background:#0f1724}.video-preview-rectangle{aspect-ratio:16 / 9}.video-preview-actions{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:6px}.icon-action{width:30px;height:30px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#0a0f19ad;color:#fff;font-size:16px;line-height:1}.icon-action:hover{background:#0a0f19e6}.icon-action.icon-danger{border-color:#ffaaaaa6;color:#ffd3d3}.video-preview video,.video-preview img{width:100%;height:100%;object-fit:cover;display:block}.video-fallback{width:100%;height:100%;display:grid;place-items:center;color:#d8e2f0;font-size:12px}.locked-upload{margin-top:12px;border:1px dashed #c6d8f0;border-radius:14px;background:#f6faff;padding:26px;text-align:center}.lock-emoji{font-size:34px}.sad-emoji{font-size:24px;margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;border-radius:999px;padding:2px 8px;background:#e7f0ff;border:1px solid #bfd5f2;color:#163d71}.card-actions{margin-top:10px;display:flex;gap:8px}.card-actions .danger{border-color:#f0b2b2;background:#fff2f2;color:#8f2c2c}.progress{margin-top:8px;height:8px;background:#e9f1ff;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#2f6fcb,#8bb2ea);transition:width .2s ease}.toast{position:fixed;right:16px;bottom:16px;background:#fff;border:1px solid #c5d7ef;color:#163867;padding:10px 12px;border-radius:10px;box-shadow:0 8px 18px #10213a14}.toast-error{background:#fff3f3;border-color:#e8b0b0;color:#8f2f2f}.loading-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.loading-card{width:min(440px,100%);border:1px solid #d3e0f2;border-radius:18px;background:#fff;box-shadow:0 16px 36px #1124401a;padding:24px;text-align:center;display:grid;justify-items:center;gap:10px}.loading-card h2{margin:0}.loading-card p{margin:0;color:var(--ink-muted)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0a182b47;display:grid;place-items:center;padding:18px}.loading-overlay-card{display:inline-flex;align-items:center;gap:10px;border:1px solid #c7d9f1;border-radius:999px;background:#fff;padding:10px 16px;box-shadow:0 10px 26px #10213a29}.loading-overlay-card-compact{padding:14px;border-radius:999px}.current-plan-banner{margin-bottom:12px;border:1px solid #9dc0ec;border-radius:12px;background:linear-gradient(135deg,#e9f2ff,#f4f9ff);padding:12px;display:grid;gap:4px}.current-plan-banner strong{color:#163f79}.current-plan-banner span{color:#3e5f8a;font-size:14px}.price-card.current-plan{border-color:#2f6fcb;box-shadow:0 0 0 2px #2f6fcb40;background:linear-gradient(180deg,#fff,#f5f9ff)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a182b33;display:grid;place-items:center;padding:16px}.modal-card{width:min(620px,100%);background:#fff;border-radius:16px;border:1px solid #cfddf0;padding:16px}.rule-edit-list{display:grid;gap:10px;margin-bottom:10px}.rule-edit-item{border:1px solid #d5e2f2;border-radius:12px;padding:10px}.field-inline{display:grid;gap:6px;color:var(--ink);font-weight:600}.settings-flags{display:grid;gap:10px;margin-bottom:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #d5e2f2;border-radius:12px;background:#f8fbff}.switch-copy{display:grid;gap:2px}.switch-copy strong{font-size:14px}.switch-copy small{color:var(--ink-muted);line-height:1.35}.switch-btn{width:52px;height:30px;padding:2px;border-radius:999px;border:1px solid #b7cae3;background:#d2e0f3;position:relative}.switch-btn span{display:block;width:24px;height:24px;border-radius:999px;background:#fff;transition:transform .18s ease}.switch-btn.on{background:#2f6fcb;border-color:#2a66bb}.switch-btn.on span{transform:translate(22px)}.video-mode-config{display:flex;align-items:end;gap:10px;margin-bottom:14px}.login-modal{width:min(420px,100%)}.login-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shake{animation:shake-x .38s linear}.dashboard-skeleton{display:grid;gap:12px}.skeleton-line,.skeleton-card{border-radius:12px;background:linear-gradient(90deg,#eef4ff 25%,#f9fbff,#eef4ff 75%);background-size:220% 100%;animation:shimmer 1.4s ease infinite}.skeleton-title{height:30px;width:240px}.skeleton-subtitle{height:16px;width:320px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.skeleton-card{height:230px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes shake-x{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}to{transform:translate(0)}}@media(max-width:900px){.hero-shell,.premium-strip,.pricing-grid,.content-grid,.faq-cta,.dashboard{grid-template-columns:1fr}.login-split{grid-template-columns:1fr;min-height:auto}.login-banner{min-height:55vh}.login-form-wrap{padding:24px}.dashboard aside{flex-direction:row;flex-wrap:wrap}.dashboard aside .danger{margin-top:0}.filters{grid-template-columns:1fr}.video-mode-config{flex-direction:column;align-items:stretch}}