@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Satisfy&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700;800&display=swap");*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Jost,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;color:#000;background:#eeece4}a{color:inherit;text-decoration:none}button{cursor:pointer}:root{--brand-ink:#535148;--brand-blue:#233b78;--brand-blue-2:#2c4185;--brand-amber:#f5a33b;--bg-soft:#f7f6ef;--border:#eef0f3}.container{width:100%;max-width:none;margin:0;padding:24px}.card{background:#fff;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.08);padding:28px;border:1px solid var(--border)}.muted{color:#6a7280}.row{gap:16px;align-items:center}.col,.row{display:flex}.col{flex-direction:column;gap:10px}.btn{width:205px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--brand-blue) 0,var(--brand-blue-2) 100%);color:#fff;border:none;border-radius:10px;padding:12px 18px;box-shadow:0 10px 18px rgba(35,59,120,.25);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(35,59,120,.28)}.btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.btn:disabled,.btn:disabled:hover{transform:none;box-shadow:none}.btn.secondary{background:#e7eaf3;color:#000;box-shadow:0 6px 14px rgba(0,0,0,.04)}.btn.ghost{background:transparent;color:#000;border:1px solid #cbd5e1}.input{border:1px solid #e4e4e7;border-radius:12px;padding:12px 14px;background:#fbfcff;transition:box-shadow .12s ease,border-color .12s ease}.input:focus{outline:none;border-color:#b7c5ff;box-shadow:0 0 0 3px rgba(62,93,255,.12);background:#fff}.textarea{min-height:160px;resize:vertical}.section-title{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:.2px}.file-list{color:#384050;background:#f6f8fb;border:1px dashed #cfd8ea;border-radius:12px;padding:10px 12px}.encode-card{background:linear-gradient(180deg,#fff,#fafbff)}.bg-grad{background:linear-gradient(0deg,#eeece4 76.44%,#92a3cd);min-height:100vh;display:flex;flex-direction:column}.page{flex:1 1;display:flex;flex-direction:column}.topbar{background:transparent}.header{width:100%;padding:18px 0;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(245,246,251,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(161,177,206,.32)}.header-inner{width:100%;padding:0 60px;justify-content:space-between;overflow:visible}.brand,.header-inner{display:flex;align-items:center}.brand{gap:14px;font-weight:700;font-size:20px;letter-spacing:.14em;text-transform:uppercase;color:#7d828f}.brand-logo{height:36px;width:auto;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.08))}.nav{display:flex;gap:10px;align-items:center}.header-sign-in{min-width:140px;padding:12px 28px;background:#f3f6ff;border:1px solid rgba(116,139,189,.35);box-shadow:0 12px 26px rgba(35,59,120,.16);transition:transform .12s ease,box-shadow .12s ease,background .12s ease;color:#1d2f55;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:600}.header-sign-in:hover{background:#e6edff;transform:translateY(-1px);box-shadow:0 16px 34px rgba(35,59,120,.2)}.profile-pill{display:flex;gap:10px;background:#ffffffcc;border:1px solid #e2e8f0;padding:6px 10px;box-shadow:0 6px 14px rgba(0,0,0,.06)}.profile-pill,.profile-pill .avatar{align-items:center;border-radius:999px}.profile-pill .avatar{width:28px;height:28px;background:#111;display:inline-flex;justify-content:center;color:#fff;font-size:14px}.profile-pill .name{font-weight:600}.profile-pill .go{margin-left:6px}.profile-menu{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.12);padding:6px;min-width:160px;animation:dropdownIn .14s ease-out;z-index:100}.dropdown-item{width:100%;text-align:left;background:transparent;border:none;padding:10px 12px;border-radius:10px;font-weight:600;color:#111827}.dropdown-item:hover{background:#f3f4f6}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropzone{border:2px dashed #cbd5e1;background:#f8fafc;border-radius:16px;padding:18px;text-align:center}.dropzone:hover{background:#f1f5f9}.toggle{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px}.file-list{margin-top:8px;padding:8px 12px;border-radius:10px;background:#f1f5ff;border:1px dashed #c7d2fe}.dz-items{flex-direction:column}.chips,.dz-items{display:flex;gap:8px}.chips{flex-wrap:wrap;margin:8px 0 0;padding:0;list-style:none}.chip{display:flex;align-items:center;gap:6px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:4px 8px}.chip .label{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;height:10px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#4b6bdb,#2139d1);height:100%;transition:width .25s ease}.progress-shimmer{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));transform:translateX(-100%);opacity:0}.progress-shimmer.active{animation:shimmer 1.2s linear infinite;opacity:.6}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:#e2e8f0;border-radius:999px;position:relative;outline:none;transition:background .15s ease}.toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s ease}.toggle input[type=checkbox]:checked{background:linear-gradient(180deg,#2f6ef2,#214bd6)}.toggle input[type=checkbox]:checked:after{transform:translateX(20px)}.auth-wrap{padding:40px 16px}.auth-card{max-width:560px;margin:40px auto}.auth-actions{display:flex;justify-content:flex-end}.hero{text-align:center;padding:42px 0 56px}.hero h1{font-size:36px;margin:0;font-weight:900;letter-spacing:.3px;color:#1e232b}.hero p{margin:10px auto 0;color:#5e626d;max-width:640px}.orange-band{background:#f4a53c;padding:48px 0;margin-top:40px}.orange-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:center}.video-ph{background:#f3f4f6;border-radius:16px;height:240px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:32px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px;align-items:start}.panel{background:hsla(0,0%,100%,.92);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.1)}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.preview{border:1px dashed #d1d5db;background:#f8fafc;border-radius:14px;padding:10px;display:flex;gap:10px;align-items:center}.preview img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:#e5e7eb}.preview .meta{flex:1 1;min-width:0}.preview .name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview .muted{font-size:12px}.preview .remove{background:#fee2e2;color:#991b1b;border:none;border-radius:8px;padding:6px 8px}.upload-tile{width:44px;height:44px;border-radius:10px;border:1px dashed #cbd5e1;background:#f8fafc;box-shadow:0 4px 10px rgba(0,0,0,.04);transition:transform .12s ease,box-shadow .12s ease;position:relative}.upload-tile:after{content:"";position:absolute;inset:0;background:url(/images/line_right_left.png) 50%/24px 24px no-repeat;opacity:.18}.upload-tile.small{width:44px;height:44px}.upload-tile:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.08);background:#f1f5f9}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;z-index:60;animation:fadeIn .12s ease}.modal-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 28px 60px rgba(0,0,0,.18);width:min(620px,94vw);padding:28px;animation:popIn .14s ease}.upload-modal h3{margin:0 0 16px;text-align:center;font-size:24px}.upload-drop{border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;min-height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer}.upload-icon{width:64px;height:64px;border-radius:12px;background:#eef2ff;border:1px solid #c7d2fe;box-shadow:inset 0 0 0 2px #e0e7ff}.uploaded-preview{display:flex;align-items:center;justify-content:center;padding:12px}.uploaded-preview img{max-width:220px;max-height:220px;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.08)}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rec-card{position:relative;border:1px solid rgba(0,0,0,.38)!important;box-shadow:2px 2px 4px rgba(0,0,0,.25);background:#fffffe;overflow:hidden;border-radius:2px}.rec-title{position:absolute;left:18px;top:18px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#000}.rec-disc{background:rgba(0,0,0,.8)}.rec-disc,.rec-image-placeholder{position:absolute;width:158.85px;height:158.85px;right:-80px;top:76px;border-radius:50%}.rec-image-placeholder{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));display:flex;align-items:center;justify-content:center;border:2px solid rgba(99,102,241,.2)}.rec-image-icon{position:relative;z-index:2;opacity:.8}.rec-image-pattern{inset:0}.pattern-dot,.rec-image-pattern{position:absolute;border-radius:50%}.pattern-dot{width:8px;height:8px;background:rgba(99,102,241,.3);animation:float 3s ease-in-out infinite}.pattern-dot:nth-child(2){animation-delay:1s}.pattern-dot:nth-child(3){animation-delay:2s}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-10px) scale(1.2);opacity:.6}}.rec-disc .rec-center{width:50.37px;height:50.37px;left:calc(50% - 25.185px);top:calc(50% - 25.185px);background:rgba(224,45,60,.8)}.rec-disc .rec-center,.rec-fab{position:absolute;border-radius:50%}.rec-fab{left:50%;transform:translateX(-50%);bottom:150px;width:72px;height:72px;border:1px solid rgba(0,0,0,.22);background:#fffffe;box-shadow:2px 2px 12px rgba(0,0,0,.25);z-index:40;display:flex;align-items:center;justify-content:center;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.rec-fab:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.25)}.rec-ico{width:38px;height:38px;border-radius:50%;background:#505050;position:relative}.rec-ico:after{content:"";position:absolute;inset:10px;border-radius:50%;background:rgba(224,45,60,.8)}.rec-panel{position:absolute;left:50%;transform:translateX(-50%) translateY(8px);bottom:120px;width:418px;height:620px;border-radius:20px;border:1px solid rgba(0,0,0,.18);background:hsla(0,0%,100%,.9);box-shadow:0 28px 70px rgba(0,0,0,.22);z-index:40;padding:18px;animation:recPop .18s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rec-head{display:flex;align-items:center;justify-content:space-between}.rec-title{font-weight:600;color:#111827}.rec-body{position:relative;padding:10px 2px 2px;height:calc(100% - 46px);display:flex;flex-direction:column;align-items:center}.rec-status{text-align:center;color:#111827;font-weight:700;margin:6px 0 12px;font-size:15px;position:relative;z-index:2}.wf-bars{height:120px;display:flex;gap:2px;align-items:flex-end;justify-content:center;padding:8px 10px;background:linear-gradient(180deg,rgba(233,244,255,.9),hsla(0,0%,100%,.9));border-radius:14px;border:1px solid rgba(0,0,0,.08);overflow:hidden}.wf-bar{width:4px;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:3px;box-shadow:0 6px 18px rgba(37,99,235,.25);transform-origin:bottom;transition:height .06s linear}.rec-box{box-sizing:border-box;position:relative;width:368px;height:430px;margin:12px auto 0;background:#efece4;border:1px solid rgba(0,0,0,.08);border-radius:20px;display:flex;align-items:flex-end;justify-content:center;padding:14px;overflow:hidden}.rec-box .wf-bars{width:100%;height:100%;background:transparent;border:none;border-radius:20px;align-items:flex-end;justify-content:flex-start;padding:0 6px 10px;gap:2px}.rec-box .wf-bar{width:3px;background:#505050;box-shadow:none;border-radius:2px}.rec-canvas{width:100%;height:100%;display:block}.rec-bot{position:absolute;width:88.3px;height:88.3px;left:50%;transform:translateX(-50%);bottom:0;border-radius:50%;background:rgba(0,0,0,.8);box-shadow:2px 2px 12px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}.rec-bot:after{content:"";width:28.13px;height:28.13px;border-radius:50%;background:rgba(224,45,60,.8);display:block}@keyframes recPop{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(8px)}}.btn-dark{background:#2d4276;color:#fff}.btn-amber{background:#fbc12f;color:#000}.upload-help{text-align:center;color:#334155;font-size:14px;margin-top:12px}.go-shift{transition:margin-left .22s cubic-bezier(.2,.8,.2,1)}.go-shift.shifted{margin-left:12px}.view-toggle{position:relative}.view-toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:5px;cursor:pointer}.view-toggle-btn .grid{display:grid;grid-template-columns:repeat(2,10px);grid-auto-rows:10px;grid-gap:4px;gap:4px}.view-toggle-btn .grid div{width:10px;height:10px;background:#000;opacity:.8;border-radius:2px}.view-menu{position:absolute;right:0;top:calc(100% + 8px);background:#eeece4;border:.5px solid rgba(0,0,0,.5);border-radius:5px;padding:8px;min-width:140px;box-shadow:0 12px 26px rgba(0,0,0,.12)}.view-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:6px 8px;border-radius:6px}.view-menu button:hover{background:rgba(0,0,0,.05)}.nb-stage{background:linear-gradient(0deg,#eeece4 76.44%,#92a3cd);min-height:100vh}.nb-wrap{width:min(1200px,100% - 48px);margin:0 auto;padding:120px 0 40px;position:relative;display:grid;grid-template-columns:220px 1fr;grid-column-gap:24px;column-gap:24px;align-items:flex-start}.nb-main{background:hsla(0,0%,100%,.8);border:.5px solid #cbcbcb;border-radius:5px;box-shadow:0 10px 24px rgba(0,0,0,.06);width:100%;max-width:clamp(540px,60vw,880px);margin:0;padding:16px 16px 12px;justify-self:start}.nb-media{position:relative;width:100%;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:#fcfbfa;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:400px;display:flex;align-items:center;justify-content:center}.nb-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.nb-media .nb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:none;background:rgba(0,0,0,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9;z-index:2}.nb-media .nb-arrow.left{left:8px}.nb-media .nb-arrow.right{right:8px}.nb-media .nb-arrow:hover{background:rgba(0,0,0,.25)}.nb-gesture{position:absolute;inset:0;pointer-events:none}.nb-locked:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.6)}.nb-lock-ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;opacity:.9;pointer-events:none}.nb-dots{display:flex;justify-content:center;gap:6px;margin:10px 0 0}.nb-dot{width:8px;height:3px;background:#d1d1d1;border-radius:2px}.nb-dot.active{background:#d02d2d}.nb-text{margin-top:14px;white-space:pre-wrap;color:#000;line-height:1.55;font-size:15px;text-align:center}.nb-text-locked{margin-top:12px;min-height:120px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border-radius:6px;color:#333}.nb-input-container{margin-top:-30px;width:min(1200px,100% - 48px);margin-left:auto;margin-right:auto;padding-left:calc(220px + 24px);padding-right:24px}.nb-input-container .nb-footer{max-width:clamp(540px,60vw,880px);width:100%;margin-left:0}.nb-footer{margin-top:0;background:#fffffe;border:.5px solid #cbcbcb;padding:4px 6px}.nb-footer,.nb-footer .inner{border-radius:5px;display:flex;align-items:center}.nb-footer .inner{flex:1 1;height:37px;background:#ededed;padding:0 8px}.nb-footer input{flex:1 1;border:none;background:transparent;outline:none;font-size:12px}.nb-back{position:-webkit-sticky;position:sticky;top:120px;width:200px;margin:0 0 16px;cursor:pointer}.nb-back .panel{height:105px;background:hsla(0,0%,100%,.8);border:.5px solid #cbcbcb;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.nb-back .panel,.nb-back .panel *{pointer-events:none}.nb-rec{width:54.92px;height:54.92px;border-radius:50%;background:#111;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.12)}.nb-rec:after{content:"";width:18px;height:18px;border-radius:50%;background:#e02d3c}.nb-chev{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#1d1b20;opacity:.75;border:none;background:transparent;cursor:pointer}.nb-chev:hover{background:rgba(0,0,0,.05)}.nb-preview img{max-width:92vw;max-height:92vh;border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.nb-pay-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;width:320px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.18)}.nb-pay-amount{font-size:28px;font-weight:700;margin:6px 0 12px}.nb-pay-card .btn{margin:8px auto 0;width:154px;height:39px;border-radius:10px}.btn.success{background:linear-gradient(180deg,#2ecc71,#27ae60);color:#fff}@media (max-width:980px){.nb-wrap{width:min(100%,100% - 24px);grid-template-columns:1fr}.nb-main{width:100%;max-width:none}.nb-back{position:static;width:auto;margin-bottom:12px}}@media (max-width:1080px){.rec-fab{bottom:90px;width:64px;height:64px}.rec-ico{width:34px;height:34px}.rec-ico:after{inset:9px}.rec-panel{bottom:90px;width:min(520px,92vw);height:min(62vh,560px);padding:16px}}@media (max-width:680px){.rec-fab{bottom:36px;width:56px;height:56px}.rec-ico{width:30px;height:30px}.rec-ico:after{inset:8px}.rec-panel{bottom:24px;width:min(92vw,420px);height:min(60vh,520px);border-radius:16px;padding:14px}}.embed-section{padding:0;background:linear-gradient(165deg,#d9e9ff,#f0f5ff 45%,#fff);position:relative;overflow:hidden;scroll-margin-top:0;min-height:100vh;width:100%}.embed-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 20%,rgba(128,161,218,.15) 0,rgba(128,161,218,0) 62%),radial-gradient(circle at 88% 78%,rgba(128,161,218,.12) 0,rgba(128,161,218,0) 52%);opacity:.9;pointer-events:none}.embed-layout{position:relative;display:grid;grid-template-columns:50% 50%;grid-gap:0;gap:0;align-items:stretch;z-index:1;min-height:100vh;width:100%;max-width:none;margin:0;padding:0;overflow:visible}.embed-media{border-radius:0;overflow:hidden;box-shadow:none}.embed-large,.embed-media{position:relative;width:100%;height:100%}.embed-large{min-height:100vh}.embed-large:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,54,102,0),rgba(20,54,102,.22) 75%)}.embed-large img{width:100%;height:100%;min-height:100vh;display:block;object-fit:cover}.embed-copy{position:relative;display:flex;flex-direction:column;gap:0;padding:80px 60px;justify-content:center;align-items:center;background:#bce0ff}.embed-thumb{width:50%;height:auto;border-radius:5px;margin-bottom:-80px;position:relative;margin-top:-45%;z-index:5}.embed-thumb img{width:100%;height:auto;display:block;border-radius:5px}.embed-label{left:50%;top:50%;transform:translate(-60%,-50%);margin-top:20%;font-size:clamp(6rem,16vw,24rem);font-weight:900;letter-spacing:-4px;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.35) 50%,rgba(188,244,255,.2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:capitalize;line-height:1;z-index:10;pointer-events:none;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out}.embed-caption,.embed-label{position:absolute;white-space:nowrap}.embed-caption{left:75%;top:75%;transform:translate(-60%,calc(-50% + 150px));margin:0;font-size:20px;font-weight:500;color:#2f4c7a;z-index:15;text-align:right;font-family:Inter,sans-serif}.release-section{background:linear-gradient(175deg,#2d4378,#1e3369);color:#fff;padding:120px 0 0;position:relative;overflow:visible}.release-container{max-width:100%;width:100%;position:relative;min-height:700px;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.release-title{position:relative;z-index:2;font-size:clamp(4rem,12vw,14rem);font-weight:700;letter-spacing:-.02em;margin:0;color:#fff;line-height:1;padding-left:5%}.release-arrow{position:absolute;left:5%;top:50%;transform:translateX(10%) translateY(-50%);width:75%;height:auto;z-index:1;pointer-events:none;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out}.release-icons{position:absolute;right:15%;bottom:-200px;z-index:2;width:clamp(280px,30vw,400px);transition:transform .3s ease-out,opacity .3s ease-out}.release-icons-img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.release-tagline{margin:0;padding:60px 0 80px;text-align:center;font-size:clamp(15px,2.5vw,18px);color:hsla(0,0%,100%,.7);letter-spacing:.05em}.earn-section{padding:132px 0;background:linear-gradient(160deg,#ffd86d,#fcb640 65%,#f2a136);position:relative;z-index:3}.earn-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:72px;gap:72px;align-items:center}.earn-left{position:relative;text-align:center;padding:60px 12px;color:#3f2b04}.earn-title{margin:0;font-size:clamp(3.8rem,11vw,7.4rem);font-weight:900;letter-spacing:-3px;text-shadow:0 16px 40px rgba(0,0,0,.16)}.scribble{position:absolute;font-size:20px;font-weight:600;opacity:.75;color:#3d2b09}.scribble-top{top:28px;left:16%;transform:rotate(-15deg)}.scribble-right{top:18%;right:12%;transform:rotate(12deg)}.scribble-bottom{bottom:24px;left:20%;transform:rotate(10deg)}.earn-card{background:#fff;border-radius:32px;padding:48px 44px;border:1px solid rgba(15,23,42,.08);box-shadow:0 32px 60px rgba(18,31,55,.15);max-width:480px}.earn-card h3{margin:0 0 12px;font-size:28px;color:#111827}.earn-card p{margin:0 0 28px;color:#4b5563;line-height:1.7}.earn-form{display:flex;gap:14px;flex-wrap:wrap}.earn-form .input{flex:1 1 220px}.earn-form .btn{padding:12px 28px}.cta-section{padding:110px 0;background:#fff}.cta-layout{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cta-layout h2{margin:0;font-size:32px;font-weight:800;color:#111827}.site-footer{padding:40px 0 56px;background:#f0f2f6;font-size:14px;color:#5f6b7d}.footer-content{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.footer-links a{color:inherit;transition:color .15s ease}.footer-links a:hover{color:var(--brand-blue)}.footer-meta{font-size:13px;color:#6b7280}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:1080px){.header-inner{padding:0 32px}.release-container{flex-direction:column;align-items:flex-start;min-height:650px;padding:60px 5%}.release-title{padding-left:0;margin-bottom:40px}.release-arrow{left:0;top:45%;width:65%}.release-icons{position:absolute;right:5%;width:clamp(220px,40vw,360px)}.earn-layout{grid-template-columns:1fr;justify-items:center;text-align:center}.earn-card{width:100%;max-width:520px}.earn-form{justify-content:center}.embed-layout{grid-template-columns:1fr;text-align:center}.embed-media{width:min(640px,100%);margin:0 auto}.embed-copy{align-items:center}.embed-thumb{transform:translateY(-12px);margin-top:0}.embed-text{align-items:center;text-align:center}}@media (max-width:680px){.header-inner{padding:0 24px}.landing-container{width:min(100%,100% - 32px)}.hero-section{min-height:100vh;padding:120px 0 80px}.hero-title{font-size:clamp(2.5rem,10vw,3.6rem);margin:0 0 32px}.hero-copy{font-size:16px;margin:0 0 40px}.scroll-hint{bottom:30px;width:42px;height:42px;font-size:20px}.embed-thumb{padding:18px}.embed-caption{font-size:18px}.release-container{min-height:550px}.release-arrow{width:70%;top:50%}.release-icons{width:clamp(180px,45vw,280px);right:5%;bottom:-1px}.release-tagline{padding:40px 0 60px}.earn-card{padding:36px 28px}.cta-layout{flex-direction:column;text-align:center}}@media (max-width:460px){.cta-group{flex-direction:column}.header{position:static}.embed-label{font-size:4.2rem}.release-title{font-size:clamp(3rem,15vw,5rem)}.release-container{min-height:500px;padding:40px 5%}.release-arrow{width:75%}.release-icons{width:clamp(150px,50vw,230px);bottom:-1px}}.notebook-stage{background:linear-gradient(0deg,#eeece4 76.44%,#92a3cd);min-height:100vh;padding:0;display:flex;justify-content:center}.notebook-wrap{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:92px 0 40px}.notebook-main{position:absolute;width:660px;height:721px;left:375px;top:121px;background:hsla(0,0%,100%,.8);border:.5px solid #cbcbcb;border-radius:5px;box-shadow:0 10px 24px rgba(0,0,0,.06)}.notebook-media{position:absolute;left:424px;top:150px;width:400px;height:300px;border-radius:4px;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.notebook-media img{width:100%;height:100%;object-fit:contain;display:block}.notebook-media.locked:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.6)}.notebook-media .lock{position:absolute;width:64px;height:64px;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.notebook-status{position:absolute;left:691px;top:541px;width:30px;height:3px;display:flex;gap:3px}.notebook-status .b{width:8px;height:3px;background:#d1d1d1;border-radius:2px}.notebook-status .b.active{background:#d02d2d}.notebook-text{position:absolute;width:333px;height:198px;left:539px;top:552px;font-size:15px;line-height:22px;color:#000}.notebook-side{position:absolute;width:359px;height:188px;right:- (1440px - 1096px - 359px);left:1096px;top:121px;background:hsla(0,0%,100%,.8);border-radius:5px}.notebook-back{position:absolute;width:200px;height:105px;left:0;top:121px}.notebook-back .panel{box-sizing:border-box;width:200px;height:105px;background:hsla(0,0%,100%,.8);border:.5px solid #cbcbcb;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.notebook-back .disc{width:54.92px;height:54.92px;border-radius:5px;background:rgba(0,0,0,.8);position:relative}.notebook-back .disc:after{content:"";position:absolute;width:17.5px;height:17.5px;left:calc(50% - 8.75px);top:calc(50% - 8.75px);background:rgba(224,45,60,.8);border-radius:5px}.notebook-back .chev{width:78px;height:78px;opacity:.7;border-radius:5px;display:flex;align-items:center;justify-content:center}.notebook-comment{position:absolute;width:660px;height:46px;left:375px;top:848px;background:#fffffe;border:.5px solid #cbcbcb;padding:0 6px}.notebook-comment,.notebook-comment .inner{border-radius:5px;display:flex;align-items:center}.notebook-comment .inner{width:474px;height:37px;margin-left:5px;background:#ededed;padding:0 8px}.notebook-comment input{flex:1 1;border:none;background:transparent;outline:none;font-size:12px;color:#000}@media (max-width:1440px){.notebook-main{left:calc(50% - 660px/2)}.notebook-media{left:calc(50% - 562px/2)}.notebook-text{left:calc(50% - 333px/2)}.notebook-status{left:calc(50% - 30px/2)}.notebook-comment{left:calc(50% - 660px/2)}}.password-strength-indicator{margin-top:10px;padding:0}.password-requirements{display:flex;flex-direction:column;gap:6px}.password-requirement{display:flex;align-items:center;gap:8px;font-size:12px;transition:all .15s ease;opacity:.7}.password-requirement.met{opacity:1}.password-requirement.unmet{color:rgba(0,0,0,.45)}.password-requirement.met{color:#059669}.requirement-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;transition:all .2s ease}.password-requirement.unmet .requirement-dot{background:rgba(0,0,0,.25)}.password-requirement.met .requirement-dot{background:#10b981;box-shadow:0 0 4px rgba(16,185,129,.4)}.requirement-label{flex:1 1;font-weight:400;letter-spacing:.01em}.password-validation-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:none}.password-validation-icon.invalid{opacity:.3}.password-validation-icon.valid{opacity:1;animation:checkmark-appear .3s ease}@keyframes checkmark-appear{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}