@font-face{font-family:Pinar;src:url('/static/fonts/Pinar-FD-SemiBold.woff2') format('woff2');font-weight:400 600;font-display:swap}@font-face{font-family:Pinar;src:url('/static/fonts/Pinar-FD-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}@font-face{font-family:YekanBakh;src:url('/static/fonts/YekanBakhFaNum-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--blue:#257cff;--blue-dark:#0d4bb5;--ink:#0b1735;--muted:#66728b;--line:#e7ebf2;--soft:#f5f8fc;--radius:18px;--shadow:0 18px 60px rgba(30,64,120,.1)}.admin-add-form{display:grid;grid-template-columns:1fr 1fr 2fr 1fr auto;gap:8px;align-items:center;margin-bottom:18px}.admin-add-form input,.admin-add-form select{margin:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Pinar,Tahoma,sans-serif;line-height:1.7}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--blue);color:#fff}.brand-mark svg{width:19px}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.nav nav{display:flex;align-items:center;gap:28px;color:#4f5d77;font-size:14px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;color:#fff;background:var(--blue);font-weight:700;box-shadow:0 10px 25px rgba(37,124,255,.22);transition:.2s}.button:hover{transform:translateY(-2px);background:#176ce8}.button.small{min-height:40px;padding-inline:17px;font-size:13px}.button.ghost{background:#fff;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.button.light{background:#fff;color:var(--blue);box-shadow:none}.button.wide{width:100%}.eyebrow{display:inline-flex;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.02em}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:70px;padding-block:60px 100px}.hero h1{font-size:clamp(43px,5.5vw,78px);line-height:1.13;letter-spacing:-.05em;margin:18px 0}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{color:var(--muted);font-size:18px;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:34px}.trust{display:flex;gap:25px;margin-top:36px;color:#647089;font-size:12px}.trust span:before{content:'✓';color:var(--blue);margin-left:6px}.hero-showcase{position:relative}.mock-window{border:1px solid #dce5f2;border-radius:24px;background:#fff;box-shadow:0 30px 100px rgba(31,62,112,.16);padding:20px;transform:perspective(1200px) rotateY(-3deg)}.dots{display:flex;direction:ltr;gap:5px;margin-bottom:18px}.dots i{width:7px;height:7px;border-radius:50%;background:#d9e1ee}.mock-nav{height:11px;width:38%;border-radius:8px;background:#eef2f8;margin:0 0 24px auto}.mock-hero{min-height:280px;padding:45px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#091a35,#123e75);position:relative;overflow:hidden}.mock-hero:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;left:30px;bottom:-50px;background:linear-gradient(145deg,#257cff,#8bb9ff)}.mock-hero small,.mock-hero strong{display:block;position:relative;z-index:1}.mock-hero strong{font-size:29px;line-height:1.5;margin-top:12px}.mock-hero span{display:block;width:80px;height:6px;border-radius:8px;background:var(--blue);margin-top:20px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mock-cards i{height:70px;border-radius:11px;background:linear-gradient(135deg,#edf3fc,#dce8fb)}.float-card{position:absolute;left:-32px;bottom:40px;padding:15px 18px;display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.float-card svg{color:var(--blue)}.float-card b,.float-card span{display:block}.float-card span{font-size:11px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.features article{background:#fff;padding:34px}.features svg{color:var(--blue);width:25px;height:25px}.features h3{margin:15px 0 5px}.features p,.template-card p{margin:0;color:var(--muted);font-size:14px}.template-section{padding-block:130px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-head h2{font-size:40px;margin:8px 0 0;line-height:1.3}.section-head>p{color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.template-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.25s}.template-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.template-card>div:last-child{padding:18px}.template-card h3{margin:0 0 4px}.template-art{height:225px;padding:25px;position:relative;overflow:hidden;background:#eef4fd}.template-art>b{font-size:27px;position:relative;z-index:2}.template-art>i{position:absolute;border-radius:12px;background:#fff;box-shadow:0 10px 30px #abc3e6}.template-art>i:nth-last-child(2){width:60%;height:72px;bottom:18px;right:20px}.template-art>i:last-child{width:25%;height:110px;bottom:18px;left:20px}.theme-madar .template-art,.theme-madar.portfolio-thumb,.mini.theme-madar{background:#07162d;color:#fff}.theme-editorial .template-art,.theme-editorial.portfolio-thumb,.mini.theme-editorial{background:#f1e8d7;color:#1f1810}.theme-studio .template-art,.theme-studio.portfolio-thumb,.mini.theme-studio{background:linear-gradient(135deg,#ffdf52,#ff824d);color:#141414}.theme-resume .template-art,.theme-resume.portfolio-thumb,.mini.theme-resume{background:#e3efe9;color:#173b2b}.custom .template-art{display:grid;place-items:center;border:1px dashed #b9c4d4;background:#fafbfc}.custom .template-art svg{width:32px;height:32px;color:#9ba7b8}.soon{position:absolute;bottom:18px;padding:3px 10px;border-radius:20px;background:#eef2f7;color:#718096;font-size:11px}.disabled{opacity:.68;pointer-events:none}.cta{min-height:290px;padding:55px 65px;border-radius:28px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:90px}.cta .eyebrow{color:#cfe1ff}.cta h2{font-size:38px;max-width:700px;margin:10px 0}footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:45% 55%}.auth-brand{background:#0b1b38;color:#fff;padding:55px clamp(32px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.light-brand{color:#fff}.auth-brand h1{font-size:52px;line-height:1.35;margin:12px 0}.auth-brand p{color:#aabbd5;max-width:440px}.auth-pattern{height:160px;background:radial-gradient(circle at center,transparent 0 30px,#257cff 31px 33px,transparent 34px);opacity:.5}.auth-card{display:grid;place-items:center;padding:35px}.auth-inner{width:min(440px,100%)}.auth-inner h2{font-size:34px;margin-bottom:0}.auth-inner>p{color:var(--muted)}form label{display:grid;gap:7px;font-size:13px;font-weight:700;margin:16px 0}input,textarea,select{width:100%;border:1px solid #dfe5ee;border-radius:11px;background:#fff;padding:12px 14px;outline:none;color:var(--ink)}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,124,255,.1)}.alert{padding:12px 15px;border-radius:10px;background:#fff1f1;color:#b42318;font-size:13px}.auth-switch{text-align:center;font-size:13px}.auth-switch a{color:var(--blue);font-weight:800}
.app-shell,.admin-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr;background:var(--soft)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 20px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column}.sidebar nav{display:grid;gap:7px;margin-top:55px}.sidebar nav a,.side-logout{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;color:#61708a;font-size:13px;border:0;background:transparent;width:100%}.sidebar nav a.active{color:var(--blue);background:#edf4ff;font-weight:800}.sidebar form{margin-top:auto}.dashboard{padding:38px clamp(22px,4vw,60px);min-width:0}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dash-head span{color:var(--blue);font-size:12px}.dash-head h1{font-size:34px;margin:4px 0}.dash-head p{margin:0;color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:35px}.stat-row article{min-height:125px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;position:relative}.stat-row span,.stat-row b{display:block}.stat-row span{font-size:12px;color:var(--muted)}.stat-row b{font-size:31px;margin-top:9px}.stat-row svg{position:absolute;left:20px;top:20px;color:var(--blue);background:#edf4ff;width:38px;height:38px;padding:9px;border-radius:10px}.section-head.compact{align-items:center;margin-bottom:18px}.section-head.compact h2{font-size:22px;margin:0}.text-button{border:0;background:transparent;color:var(--blue);font-weight:800}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-card,.empty{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.portfolio-thumb{height:170px;padding:22px;background:#eef5ff;display:flex;flex-direction:column;justify-content:space-between}.portfolio-thumb b{font-size:23px}.card-content{padding:16px;position:relative}.card-content>div:first-child{display:flex;align-items:center;justify-content:space-between}.card-content h3{font-size:16px;margin:0}.card-content p{color:var(--muted);font-size:12px;display:flex;gap:5px;align-items:center}.card-content p svg{width:15px}.status{display:inline-flex;padding:3px 9px;border-radius:20px;background:#fff2d8;color:#9a6700;font-size:10px}.status.published,.status.active{background:#e8f8ee;color:#178248}.status.blocked{background:#feeceb;color:#b42318}.icon-button{position:absolute;left:15px;bottom:14px;display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:9px}.locked{align-items:center;justify-content:center;color:#8290a5}.empty{grid-column:span 2;min-height:280px;padding:40px;text-align:center;display:grid;place-items:center;align-content:center}.empty>svg{width:40px;height:40px;color:var(--blue)}.modal{width:min(720px,calc(100% - 25px));border:0;border-radius:20px;padding:28px;box-shadow:0 30px 100px #10203c55}.modal::backdrop{background:#061126aa;backdrop-filter:blur(5px)}.modal-close{float:left;border:0;background:var(--soft);width:34px;height:34px;border-radius:8px;font-size:21px}.radio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.template-radio{margin:0;text-align:center}.template-radio input{position:absolute;opacity:0}.template-radio .mini{height:75px;border:2px solid transparent;border-radius:9px;display:block;background:#e8f1ff}.template-radio input:checked+.mini{border-color:var(--blue);box-shadow:0 0 0 3px #e5f0ff}.template-radio b{font-size:11px}.editor{min-height:100vh;background:#eef2f7}.editor-bar{height:68px;padding-inline:25px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.editor-bar>div{display:flex;gap:9px;align-items:center}.editor-bar form{display:inline}.save-state{font-size:11px;color:var(--muted)}.editor-body{display:grid;grid-template-columns:390px 1fr;height:calc(100vh - 68px)}.control-panel{background:#fff;padding:22px;overflow:auto;border-left:1px solid var(--line)}.editor-title{border-bottom:1px solid var(--line);padding-bottom:18px}.editor-title a,.editor-title span{font-size:11px;color:var(--muted)}.editor-title h1{font-size:22px;margin:5px 0}.control-panel details{border-bottom:1px solid var(--line);padding:15px 0}.control-panel summary{font-weight:800;cursor:pointer}.control-panel label{font-size:11px}.preview-stage{padding:62px 35px 30px;display:flex;justify-content:center;position:relative;overflow:auto}.device-switch{position:absolute;top:14px;background:#fff;padding:4px;border-radius:9px}.device-switch button{border:0;background:transparent;padding:6px 14px;border-radius:6px}.device-switch button.active{background:#eaf2ff;color:var(--blue)}#preview-frame{width:min(1050px,100%);height:100%;border:0;border-radius:12px;background:#fff;box-shadow:0 12px 40px #172a4a1a;transition:.3s}#preview-frame.mobile{width:390px}
.dark-side{background:#0a1830;border:0}.admin-main{background:#f4f6fa}.live-pill{padding:8px 13px;border-radius:20px;background:#e8f8ee;color:#178248!important}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;margin-bottom:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:right;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted)}code{direction:ltr;background:#f0f3f8;padding:3px 7px;border-radius:5px}.template-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.template-admin-grid article{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px}.template-admin-grid .mini{width:55px;height:40px;border-radius:7px;background:#e8f1ff}.template-admin-grid div{display:grid}.template-admin-grid small{color:var(--muted)}.template-admin-grid form{margin-right:auto}.error-page{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.error-page>span{color:var(--blue);font-size:70px;font-weight:900}.error-page h1{font-size:37px;margin:0}.error-page p{color:var(--muted)}
@media(max-width:900px){.nav nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.hero-showcase{max-width:650px}.features{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.app-shell,.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;right:0;left:0;bottom:0;top:auto;height:68px;padding:8px 15px;border:0;border-top:1px solid var(--line);display:block}.sidebar>.brand,.sidebar>form{display:none}.sidebar nav{margin:0;grid-template-columns:repeat(3,1fr)}.sidebar nav a{justify-content:center;font-size:0}.sidebar nav a svg{width:22px;height:22px}.dashboard{padding-bottom:90px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.editor-body{grid-template-columns:340px 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.nav{height:70px}.hero{min-height:auto;padding-bottom:70px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust{flex-wrap:wrap;gap:9px 18px}.mock-window{padding:12px}.mock-hero{min-height:220px;padding:28px}.mock-hero:after{width:110px;height:110px}.float-card{left:-5px;bottom:20px}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:31px}.template-section{padding-block:80px}.template-grid{grid-template-columns:1fr}.cta{padding:35px 25px;align-items:start;flex-direction:column;gap:20px}.cta h2{font-size:29px}.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:270px;padding:25px}.auth-brand h1{font-size:34px}.auth-pattern{display:none}.auth-card{padding:30px 20px}.dash-head{align-items:start;gap:15px}.dash-head h1{font-size:27px}.dash-head .button{font-size:0;width:46px;padding:0}.dash-head .button svg{width:20px}.stat-row{grid-template-columns:1fr}.stat-row article{min-height:90px}.portfolio-grid{grid-template-columns:1fr}.empty{grid-column:auto}.radio-grid{grid-template-columns:repeat(2,1fr)}.editor-bar .brand>span:last-child,.save-state{display:none}.editor-body{display:block;height:auto}.control-panel{min-height:calc(100vh - 68px)}.preview-stage{display:none}.admin-stats{grid-template-columns:repeat(2,1fr)}.template-admin-grid{grid-template-columns:1fr}footer{flex-direction:column;justify-content:center;gap:12px}}