:root{--bg: #0a0a0a;--bg-2: #111418;--surface: #161a20;--surface-2: #1d232b;--border: #2a323d;--text: #f5f5f5;--text-2: #9aa3af;--muted: #6b7280;--primary: #ff6b35;--primary-2: #e85a2a;--teal: #00d4aa;--yellow: #ffd93d;--green: #22c55e;--red: #ef4444;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:700;font-size:15px;border:none;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-2);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-teal{background:var(--teal);color:#04221a}.btn-danger{background:var(--red);color:#fff}.btn-small{padding:7px 12px;font-size:13px;border-radius:9px}.btn-block{width:100%}.site-nav{position:sticky;top:0;z-index:50;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:900;font-size:20px;letter-spacing:1px}.logo span{color:var(--primary)}.hero{min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--teal);font-size:13px;font-weight:600;margin-bottom:24px}.hero h1{font-size:clamp(34px,6vw,64px);font-weight:900;line-height:1.05;margin:0 0 20px;letter-spacing:-1px}.grad-text{background:linear-gradient(90deg,var(--primary),var(--yellow),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:620px;color:var(--text-2);font-size:18px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.hero-stats{display:flex;gap:40px;margin-top:56px;flex-wrap:wrap;justify-content:center}.hero-stat{text-align:center}.hero-stat b{display:block;font-size:30px;font-weight:800;color:var(--primary)}.hero-stat span{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1px}.section{padding:80px 0}.section h2{font-size:32px;font-weight:800;text-align:center;margin:0 0 12px}.section .sub{text-align:center;color:var(--text-2);max-width:560px;margin:0 auto 48px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;position:relative;transition:transform .2s}.step:hover{transform:translateY(-4px)}.step .num{width:40px;height:40px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin-bottom:16px}.step h3{margin:0 0 8px;font-size:18px}.step p{margin:0;color:var(--text-2);font-size:14px}.step .price{color:var(--yellow);font-weight:800;margin-top:4px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.feature{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature .ico{font-size:28px;margin-bottom:12px}.feature h4{margin:0 0 8px;font-size:17px}.feature p{margin:0;color:var(--text-2);font-size:14px}.site-footer{border-top:1px solid var(--border);padding:40px 0;text-align:center;color:var(--muted)}.site-footer a{color:var(--teal)}.site-footer .row{display:flex;justify-content:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}.admin-page{min-height:100vh;background:var(--bg)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#1a1f29,transparent),var(--bg);padding:24px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:var(--shadow)}.auth-card .logo{text-align:center;display:block;margin-bottom:8px;font-size:24px}.auth-card .sub{text-align:center;color:var(--text-2);margin:0 0 28px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary)}.error-box{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}.admin-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar .brand{padding:20px;font-weight:900;font-size:17px;letter-spacing:1px;border-bottom:1px solid var(--border)}.sidebar nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:10px 14px;border-radius:10px;color:var(--text-2);font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .15s}.sidebar nav a:hover{background:var(--bg-2);color:var(--text)}.sidebar nav a.active{background:var(--primary);color:#fff}.sidebar .logout{padding:14px 20px;border-top:1px solid var(--border)}.sidebar .logout button{width:100%}.admin-main{flex:1;overflow-x:hidden}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--surface)}.admin-topbar h2{margin:0;font-size:20px}.admin-topbar .sub{color:var(--muted);font-size:13px}.admin-content{padding:28px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.stat-card .label{color:var(--text-2);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card .value{font-size:34px;font-weight:800;margin-top:6px;line-height:1}.stat-card .hint{color:var(--muted);font-size:12px;margin-top:6px}.stat-card.teal .value{color:var(--teal)}.stat-card.primary .value{color:var(--primary)}.stat-card.yellow .value{color:var(--yellow)}.stat-card.green .value{color:var(--green)}.stat-card .ico-abs{position:absolute;right:14px;top:14px;font-size:22px;opacity:.35}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.panel-card .card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.panel-card .card-head h3{margin:0;font-size:16px}.toolbar{display:flex;gap:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg-2)}th{text-align:left;padding:11px 16px;color:var(--text-2);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{padding:12px 16px;border-top:1px solid var(--border);vertical-align:middle}tr:hover td{background:#ffffff05}.cell-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-2)}.status{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-published{background:#22c55e26;color:var(--green)}.status-pending{background:#ffd93d26;color:var(--yellow)}.status-resolved{background:#ff6b3526;color:var(--primary)}.status-active{background:#00d4aa26;color:var(--teal)}.status-neutral{background:#6b728026;color:var(--text-2)}.clickable{cursor:pointer}.empty{padding:40px;text-align:center;color:var(--muted)}.loading{padding:60px;text-align:center;color:var(--text-2)}.loading .spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge-admin{background:var(--primary);color:#fff}.badge-mod{background:var(--teal);color:#04221a}.badge-user{background:var(--border);color:var(--text-2)}@media(max-width:820px){.admin-layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center}.sidebar nav{flex-direction:row;flex-wrap:wrap;overflow-x:auto}}@media(max-width:560px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}