:root{--pink:#ff328f;--ink:#171717;--paper:#f6f5f1;--white:#fff;--gray:#8a8883}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper);overflow-x:hidden;background-image:linear-gradient(115deg,rgba(0,0,0,.025),transparent 30%),radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:auto,9px 9px}a{color:inherit}.hero{position:relative;min-height:530px;padding:38px 22px 85px;background:var(--paper);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none}.hero:before{width:230px;height:230px;right:-85px;top:48px;border:28px dotted var(--pink);border-radius:50%;opacity:.8;transform:rotate(18deg)}.hero:after{width:300px;height:38px;left:-60px;bottom:58px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 15px);opacity:.12;transform:rotate(-5deg)}.hero__inner{position:relative;width:min(1120px,100%);margin:auto;text-align:center;z-index:1}.kicker{display:inline-block;margin-left:55%;font-size:11px;font-weight:900;letter-spacing:.22em;border-bottom:2px solid var(--pink);padding-bottom:5px}.brand-logo{display:block;width:min(810px,96%);height:auto;margin:-18px auto -90px;filter:none}.intro{position:relative;z-index:2;width:max-content;max-width:90%;margin:0 auto;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:clamp(17px,2.2vw,28px);font-weight:700;transform:rotate(-2deg)}.intro:after{content:"";display:block;height:9px;background:var(--pink);clip-path:polygon(0 55%,100% 0,96% 100%,3% 72%);margin-top:2px}.content-main{position:relative;width:100%;margin:0;padding:100px max(24px,calc((100vw - 1120px)/2)) 120px;background:#1c1c1c;color:white;clip-path:polygon(0 4%,8% 2%,18% 5%,31% 2%,43% 4%,57% 1%,70% 4%,83% 2%,100% 5%,100% 95%,90% 97%,78% 94%,65% 98%,52% 95%,39% 98%,25% 94%,12% 97%,0 94%)}.content-main:before{content:"PLAY • WATCH • DOWNLOAD";position:absolute;right:4%;top:52px;color:rgba(255,255,255,.13);font-family:"Comic Sans MS",cursive;font-size:clamp(24px,5vw,68px);transform:rotate(-5deg)}.tools{position:relative;z-index:2;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:32px}.search{display:flex;align-items:center;gap:8px;background:white;color:var(--ink);border:0;padding:0 15px;min-width:min(340px,100%);transform:rotate(-.5deg);box-shadow:7px 7px 0 var(--pink)}.search span{font-size:25px}.search input{border:0;outline:0;background:transparent;font:inherit;font-size:15px;padding:14px 0;width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip,.text-button{border:0;background:white;color:var(--ink);padding:10px 14px;font-weight:900;cursor:pointer}.chip:nth-child(even){transform:rotate(1.5deg)}.chip.active{background:var(--pink)}.sort{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900}.sort select{border:0;background:white;padding:10px;font:inherit}.status{position:relative;z-index:2;font-family:"Comic Sans MS",cursive;font-size:18px;font-weight:900;color:var(--pink);margin:0 0 25px;transform:rotate(-1deg)}.grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{position:relative;background:var(--paper);color:var(--ink);padding:9px 9px 18px;box-shadow:0 15px 28px rgba(0,0,0,.3);transform:rotate(-1.1deg)}.card:nth-child(even){transform:rotate(1.2deg) translateY(16px)}.card:before{content:"";position:absolute;width:66px;height:20px;left:50%;top:-14px;background:rgba(255,255,255,.55);transform:translateX(-50%) rotate(-3deg);backdrop-filter:blur(2px)}.card__preview{border:0;width:100%;aspect-ratio:4/5;background:#333;display:grid;place-items:center;position:relative;cursor:pointer;overflow:hidden}.card video{width:100%;height:100%;object-fit:cover;pointer-events:none;filter:grayscale(1) contrast(1.08);transition:.25s}.card:hover video{filter:grayscale(0)}.play{position:absolute;width:62px;height:62px;border-radius:50%;border:3px solid var(--ink);background:var(--pink);display:grid;place-items:center;font-size:25px;padding-left:4px;box-shadow:4px 4px 0 white}.card__body{padding:15px 8px 0}.card h2{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:23px;line-height:1;margin:0 0 10px}.meta{font-size:11px;color:#5f5d59;font-weight:800;line-height:1.55}.card__actions{display:flex;gap:9px;margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--pink);color:var(--ink);padding:12px 17px;font-weight:1000;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink);clip-path:polygon(4% 0,100% 4%,96% 100%,0 94%)}.player{padding:0;border:8px solid var(--paper);width:min(960px,calc(100% - 28px));background:var(--ink);color:white;box-shadow:0 0 0 4px var(--pink)}.player::backdrop{background:rgba(0,0,0,.88)}.player video{display:block;width:100%;max-height:72vh;background:black}.player__close{position:absolute;right:10px;top:8px;border:0;background:var(--pink);font-size:30px;width:42px;height:42px;z-index:2;cursor:pointer}.player__meta{padding:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.player h2{margin:0;font-family:"Comic Sans MS",cursive}footer{position:relative;background:var(--paper);padding:70px 24px 38px;display:flex;justify-content:center;gap:30px;font-size:12px;font-weight:900}footer:before{content:"";position:absolute;left:0;right:0;top:-25px;height:50px;background:var(--paper);clip-path:polygon(0 45%,8% 18%,17% 52%,28% 25%,40% 60%,52% 20%,63% 54%,75% 26%,87% 57%,100% 22%,100% 100%,0 100%)}
.admin-page{background:#1c1c1c;color:white}.admin-head{height:64px;background:var(--paper);color:var(--ink);padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:8px solid var(--pink)}.admin-main{width:min(820px,calc(100% - 30px));margin:0 auto;padding:55px 0 90px}.panel{position:relative;background:var(--paper);color:var(--ink);padding:30px;margin-bottom:38px;box-shadow:12px 12px 0 var(--pink);transform:rotate(-.25deg)}.panel:nth-child(even){transform:rotate(.25deg)}.panel:before{content:"";position:absolute;width:82px;height:22px;top:-13px;left:calc(50% - 41px);background:rgba(255,255,255,.55);transform:rotate(-2deg)}.panel h1{font-family:"Comic Sans MS",cursive;font-size:42px;margin:0 0 24px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;margin:0 0 12px}.panel label:not(.dropzone){display:block;font-weight:900;margin:16px 0}.panel input{display:block;width:100%;font:inherit;border:2px solid var(--ink);padding:13px;margin-top:7px}.login{max-width:540px;margin:30px auto}.dropzone{display:grid;place-items:center;text-align:center;min-height:170px;border:3px dashed var(--ink);background:white;font-weight:1000;font-size:22px;cursor:pointer;margin:22px 0}.dropzone span{display:block;font-size:13px;color:var(--gray);margin-top:8px}.progress{height:16px;border:2px solid var(--ink);margin-top:20px;background:white}.progress i{display:block;height:100%;width:0;background:var(--pink)}.message{font-weight:900}.resume-notice{border-left:8px solid var(--pink);background:white;padding:14px;margin:18px 0}.resume-notice strong,.resume-notice span{display:block}.resume-notice span{font-size:13px;margin:4px 0 12px}.upload-actions,.panel-title,.admin-row,.admin-row__actions{display:flex;gap:10px;align-items:center}.panel-title,.admin-row{justify-content:space-between}.upload-stats{display:flex;justify-content:space-between;color:var(--gray);font-size:13px;font-weight:900;margin-top:7px}.admin-row{border-top:2px solid var(--ink);padding:15px 0}.admin-row:first-child{border-top:0}.admin-row strong,.admin-row small{display:block}.admin-row small{color:var(--gray)}.mini-link{font-size:13px;font-weight:900}.danger{border:0;background:var(--pink);font-weight:900;padding:9px 12px;cursor:pointer}.login-page{min-height:100vh;background:var(--paper)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{position:relative;width:min(580px,100%);background:var(--paper);border:4px solid var(--ink);padding:42px;box-shadow:16px 16px 0 var(--pink);transform:rotate(-.5deg)}.login-card:after{content:"PRIVATE";position:absolute;right:-30px;top:28px;background:var(--pink);padding:9px 18px;font-weight:1000;transform:rotate(8deg)}.brand-logo--login{width:100%;margin:-70px auto -80px;filter:none}.login-card>p{font-family:"Comic Sans MS",cursive;font-size:18px;font-weight:800;line-height:1.4}.login-card label{display:block;font-weight:900;margin:25px 0}.login-card input{display:block;width:100%;border:2px solid var(--ink);padding:14px;font:inherit;margin-top:8px}
@media(max-width:800px){.hero{min-height:360px;padding:20px 10px 55px}.hero:before{width:140px;height:140px;border-width:18px}.kicker{margin-left:30%;font-size:9px}.brand-logo{width:115%;max-width:none;margin:-45px 0 -70px;transform:translateX(-6%)}.intro{font-size:16px;max-width:86%}.content-main{padding:75px 14px 100px;clip-path:polygon(0 2%,18% 1%,36% 3%,55% 1%,72% 3%,100% 1%,100% 98%,80% 99%,58% 97%,36% 99%,16% 97%,0 99%)}.content-main:before{top:36px}.grid{grid-template-columns:1fr;gap:32px}.tools,.search,.sort{width:100%}.sort select{flex:1}.card{transform:rotate(-.7deg)}.card:nth-child(even){transform:rotate(.7deg)}.card__preview{aspect-ratio:16/11}.player__meta{align-items:stretch;flex-direction:column}.admin-main{width:calc(100% - 24px)}.panel{padding:20px;box-shadow:8px 8px 0 var(--pink)}.admin-row{align-items:flex-start}.admin-row__actions{flex-direction:column;align-items:flex-end}.login-shell{padding:14px}.login-card{padding:24px;box-shadow:9px 9px 0 var(--pink)}.brand-logo--login{margin:-50px auto -55px}.login-card:after{right:-5px;top:8px;font-size:11px}}

/* Login – mobile-first editorial collage */
.login-page{min-height:100vh;background:var(--paper)}
.login-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 15%,var(--pink) 0 3px,transparent 4px),radial-gradient(circle at 92% 82%,var(--pink) 0 3px,transparent 4px);background-size:34px 34px;opacity:.18}
.login-shell{position:relative;min-height:100svh;width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;place-items:initial;align-items:center;gap:54px;padding:54px 28px;overflow:hidden}
.login-hero{position:relative;text-align:left;padding:38px 12px 44px}
.login-hero:before{content:"";position:absolute;width:165px;height:165px;left:-66px;bottom:-20px;border:22px dotted var(--pink);border-radius:50%;opacity:.42}
.login-sticker{position:absolute;z-index:2;right:0;top:3px;background:var(--pink);color:var(--ink);padding:10px 17px;font-size:11px;font-weight:1000;letter-spacing:.12em;transform:rotate(6deg);box-shadow:4px 4px 0 var(--ink)}
.login-kicker{margin:0 0 18px;font-size:11px;font-weight:1000;letter-spacing:.24em}
.login-title{position:relative;margin:0;max-width:610px;font-family:Impact,"Arial Black",Arial,sans-serif;font-weight:900;line-height:.72;letter-spacing:-.055em;text-transform:uppercase;transform:rotate(-1.4deg)}
.login-title span,.login-title strong,.login-title em{display:block;font-style:normal}.login-title span{font-size:clamp(72px,10vw,132px);color:var(--ink)}
.login-title strong{position:relative;z-index:1;width:max-content;max-width:100%;font-size:clamp(62px,8.8vw,116px);color:var(--pink);text-shadow:4px 4px 0 var(--ink);transform:translateX(8px)}
.login-title em{width:max-content;margin-left:auto;font-size:clamp(90px,13vw,168px);color:var(--ink);transform:translateY(4px)}
.login-tagline{position:relative;width:max-content;margin:20px 0 0 auto;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:clamp(20px,2.5vw,30px);font-weight:900;line-height:1.05;transform:rotate(-3deg)}
.login-tagline span{position:relative;display:inline-block}.login-tagline span:after{content:"";position:absolute;left:-5px;right:-8px;bottom:-7px;height:8px;background:var(--pink);clip-path:polygon(0 48%,100% 0,96% 100%,3% 72%)}
.login-card{position:relative;width:100%;background:#1d1d1d;color:white;border:0;padding:42px 38px 38px;box-shadow:12px 12px 0 var(--pink);transform:rotate(.7deg)}
.login-card:after{content:none}.login-card__tape{position:absolute;width:105px;height:26px;left:50%;top:-13px;background:rgba(255,255,255,.72);transform:translateX(-50%) rotate(-3deg)}
.login-card .login-copy{margin:0 0 28px;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;line-height:1.55}.login-card label{display:block;margin:0 0 9px;font-size:11px;font-weight:1000;letter-spacing:.19em;color:var(--pink)}
.login-card input{display:block;width:100%;min-height:54px;margin:0;border:3px solid white;border-radius:0;background:var(--paper);color:var(--ink);padding:13px 14px;font:inherit;font-size:16px;outline:none;box-shadow:5px 5px 0 var(--pink);-webkit-appearance:none}
.login-card input:focus{border-color:var(--pink);box-shadow:5px 5px 0 white}.login-card input::placeholder{color:#777}
.login-button{width:100%;min-height:58px;margin-top:23px;justify-content:space-between;padding-inline:20px;font-size:14px;letter-spacing:.08em;box-shadow:5px 5px 0 white}.login-button span{font-size:25px;line-height:0}
.login-error{min-height:20px;margin:18px 0 0;color:var(--pink);font-size:13px;line-height:1.4}
@media(max-width:800px){.login-shell{display:block;min-height:100svh;width:100%;padding:18px 16px 36px;overflow:hidden}.login-hero{padding:35px 4px 30px}.login-hero:before{width:110px;height:110px;left:-58px;bottom:0;border-width:15px}.login-sticker{right:3px;top:5px;padding:8px 10px;font-size:8px;box-shadow:3px 3px 0 var(--ink)}.login-kicker{margin-bottom:18px;font-size:8px;letter-spacing:.18em}.login-title{width:100%;line-height:.75;letter-spacing:-.045em}.login-title span{font-size:clamp(68px,24vw,96px)}.login-title strong{font-size:clamp(55px,19vw,77px);text-shadow:3px 3px 0 var(--ink);transform:translateX(3px)}.login-title em{font-size:clamp(82px,29vw,116px);transform:translateY(2px)}.login-tagline{margin-top:14px;font-size:20px}.login-card{padding:30px 20px 22px;box-shadow:8px 8px 0 var(--pink);transform:rotate(.35deg)}.login-card .login-copy{margin-bottom:23px;font-size:15px;line-height:1.45}.login-card input{min-height:54px;font-size:16px}.login-button{min-height:58px;font-size:12px;margin-top:21px}.login-error{margin-top:15px}}
@media(max-width:380px){.login-shell{padding-inline:12px}.login-title span{font-size:64px}.login-title strong{font-size:52px}.login-title em{font-size:80px}.login-card{padding-inline:17px}.login-card .login-copy{font-size:14px}}