@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700;900&display=swap";:root{font-family:Vazirmatn,system-ui,sans-serif;color:#f1f2ee;background:#101110;font-synthesis:none;--muted: #b0b5ad;--accent: #d5fa65;--line: #30342c}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;background:var(--accent);color:#171a0d;border:1px solid var(--accent);border-radius:6px;padding:11px 20px;font-weight:700;display:inline-flex;gap:22px;align-items:center;justify-content:center}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.secondary,.filters button{background:transparent;border:1px solid var(--line);color:#ebeee6}.danger{background:transparent;color:#ffb8a9;border-color:#78463c}.nav{max-width:1240px;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto;border-bottom:1px solid var(--line)}.brand{font:900 26px system-ui;letter-spacing:-1.3px;direction:ltr;display:inline-flex;gap:6px}.brand span{color:var(--accent);font-size:15px}.nav nav,.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav nav{font-size:14px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:0 40px}.hero{position:relative;padding:94px 0 108px;min-height:530px;overflow:hidden}.eyebrow{font:500 12px system-ui;letter-spacing:2px;color:var(--accent);direction:ltr;text-align:right}h1{font-size:clamp(42px,6vw,82px);line-height:1.45;letter-spacing:-2px;margin:24px 0;font-weight:900}h1 em{font-style:normal;color:var(--accent)}h2{font-size:30px;margin:12px 0}h3{font-size:20px;margin:10px 0}p{line-height:1.9;color:var(--muted)}.hero p{max-width:540px;margin-bottom:30px}.hero-art{position:absolute;left:15px;top:70px;width:380px;height:400px;z-index:-1;opacity:.75}.frame{position:absolute;width:270px;height:190px;border:1px solid #717c55;transform:rotate(-12deg);background:linear-gradient(120deg,#1c2217,transparent)}.frame-one{top:40px;left:70px}.frame-two{top:100px;left:20px;transform:rotate(12deg)}.timeline{position:absolute;bottom:65px;display:flex;gap:5px;direction:ltr;transform:rotate(-8deg)}.timeline i{display:block;width:55px;height:28px;background:#566439}.timeline i:nth-child(2n){background:#adbf72}.timecode{position:absolute;bottom:20px;left:10px;font:14px monospace;color:#a0ad86}section{scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.section-heading span{color:var(--muted);font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 30px}.filters button{font-size:13px;padding:8px 16px;border-radius:30px}.filters .active{background:var(--accent);color:#171a0d;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.video{aspect-ratio:16/9;border:1px solid var(--line);background:#1b1e18;border-radius:12px;overflow:hidden}.video iframe{width:100%;height:100%;border:0}.video-cover{width:100%;height:100%;border:0;background:radial-gradient(ellipse at 30% 20%,#444f2e,#191c16 68%);color:#eef2e6;display:flex;flex-direction:column;gap:12px;border-radius:0}.play{background:var(--accent);color:#172000;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;direction:ltr;font-size:19px}.video-cover small{font-weight:400;font-size:11px;color:#b1bba3}.project-meta{display:flex;justify-content:space-between;color:var(--accent);font-size:12px;margin:18px 0 6px}.project small,.preview small{color:var(--muted)}.description{white-space:pre-wrap;overflow-wrap:anywhere}.project p{margin:6px 0 14px}.empty{border:1px dashed var(--line);border-radius:10px;padding:45px 20px;text-align:center;color:var(--muted)}.about{margin:90px 0 65px;padding-top:50px;border-top:1px solid var(--line);max-width:800px}.about h2{font-size:42px}.about .eyebrow{margin:14px 0}.showreel{margin-bottom:60px}footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:25px 40px;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:var(--muted)}.login{max-width:550px;padding-top:70px;padding-bottom:60px}.login .brand{margin-bottom:55px}.login h1{font-size:46px}.login form{margin:30px 0}.login form button{width:100%;margin-top:18px}.dashboard{padding-top:40px;padding-bottom:65px}.dashboard h1{font-size:34px;margin:10px 0;letter-spacing:-1px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin:25px 0}.panel{border:1px solid var(--line);background:#161815;border-radius:12px;padding:25px}.panel h2{font-size:23px;margin:0 0 22px}.preview{align-self:start}fieldset{border:0;margin:0;padding:0;min-width:0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:0 0 18px;color:#d9dfd2}input,textarea,select{color:#eef2e9;background:#0f110e;border:1px solid #3b4034;border-radius:6px;width:100%;padding:12px;max-width:100%}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:var(--accent);flex-shrink:0}.check{display:flex;flex-direction:row;align-items:center;line-height:1.8}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-box{border:1px dashed #4e583c;padding:20px;border-radius:8px;margin-bottom:25px}.upload-box p{font-size:13px;margin-top:0}.upload-box a{color:var(--accent);display:inline-block;font-size:13px;margin:0 0 20px}.upload-box .actions{margin-bottom:20px}.notice{padding:15px 20px;border:1px solid #526330;background:#222a18;color:#d4f59c;border-radius:8px;font-size:14px;overflow-wrap:anywhere}.notice.error{color:#ffc5b4;border-color:#75463a;background:#291e19}.muted{color:var(--muted);font-size:13px}.library-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.library-row:last-child{border:0}.library-row h3{margin:0 0 5px;font-size:17px}.library-row small{color:var(--muted)}.badge{font-size:11px;background:#35362e;padding:5px 12px;border-radius:20px;white-space:nowrap}.badge.published{color:var(--accent);background:#2b3520}progress{width:100%;accent-color:var(--accent);margin-top:20px}.library .actions button{font-size:12px;padding:8px 12px}@media(min-width:900px){.hero h1,.hero p,.hero>.eyebrow,.hero>.button{position:relative;z-index:1}.hero-art{z-index:0}}@media(max-width:800px){main{padding:0 22px}.nav{padding:22px;gap:14px}.nav nav{gap:12px}.hero{padding:60px 0 70px;min-height:0}.hero-art{display:none}.grid,.dashboard-grid{grid-template-columns:1fr}.about{margin-top:60px}.about h2{font-size:32px}.panel{padding:20px}.dashboard{padding-top:25px}.login{padding-top:50px}.dashboard h1{font-size:28px}.library-row{flex-wrap:wrap}.library-row>.actions{margin-right:auto}.nav .actions{font-size:12px;gap:10px}footer{padding:22px;flex-wrap:wrap}h1{letter-spacing:-1px}.row{gap:10px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}button,a{transition:filter .18s,background .18s}}