:root{--bg:#070a12;--card:#0e1322;--muted:#a9b1c7;--text:#eaf0ff;--brand:#7c5cff;--brand2:#00d4ff;--danger:#ff4d6d;--ok:#31d0aa;--shadow:0 14px 50px rgba(0,0,0,.45);--radius:18px;--ring:0 0 0 4px rgba(124,92,255,.18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe\ UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);line-height:1.5;position:relative}body>header,body>main,body>footer{position:relative;z-index:1}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 760px at 12% -10%,rgba(124,92,255,.16),transparent 62%) , radial-gradient(980px 720px at 92% 0%,rgba(0,212,255,.12),transparent 60%) , radial-gradient(1100px 820px at 55% 112%,rgba(49,208,170,.07),transparent 62%) , conic-gradient(from 210deg at 60% 40%,rgba(124,92,255,.05),rgba(0,212,255,.04),rgba(49,208,170,.03),rgba(124,92,255,.05)) , var(--bg);opacity:1}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.07;background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'260\'\ height=\'260\'%3E%3Cfilter\ id=\'n\'%3E%3CfeTurbulence\ type=\'fractalNoise\'\ baseFrequency=\'.9\'\ numOctaves=\'2\'\ stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect\ width=\'260\'\ height=\'260\'\ filter=\'url\(%23n\)\'\ opacity=\'.55\'/%3E%3C/svg%3E);background-size:260px 260px;mix-blend-mode:overlay}body.fx-cursor{cursor:none}body.fx-cursor *{cursor:none!important}a{color:inherit}.container{max-width:1120px;margin:0 auto;padding:0 18px}.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:rgba(7,10,18,.6);border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 28px rgba(124,92,255,.22)}.logo-img{width:36px;height:36px;border-radius:12px;box-shadow:0 10px 28px rgba(124,92,255,.22);display:block}.brand strong{font-size:16px;letter-spacing:.2px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:-2px}.menu{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.menu a{text-decoration:none;padding:8px 10px;border-radius:12px;color:var(--muted)}.menu a:hover{color:var(--text);background:rgba(255,255,255,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:14px;text-decoration:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);transition:transform .18s ease , box-shadow .18s ease , border-color .18s ease , background .18s ease;transform:translate3d(var(--btn-tx,0),var(--btn-ty,0),0)}.btn:hover{border-color:rgba(255,255,255,.18);box-shadow:var(--ring);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,rgba(124,92,255,.96),rgba(0,212,255,.68));border-color:rgba(255,255,255,.16)}.hero{padding:64px 0 18px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.hero h1{margin:0;font-size:44px;letter-spacing:-.6px;line-height:1.08}.hero p{margin:14px 0 18px;color:var(--muted);font-size:16px;max-width:60ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.panel{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-radius:var(--radius);box-shadow:var(--shadow)}.panel.pad{padding:18px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi{padding:14px;border-radius:16px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.07)}.kpi b{display:block;font-size:18px}.kpi small{color:var(--muted)}.section{padding:30px 0}.section h2{margin:0 0 14px;font-size:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;overflow:hidden;padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 35px rgba(0,0,0,.26);transition:transform .25s ease , border-color .25s ease , background .25s ease , box-shadow .25s ease;transform:translate3d(var(--card-tx,0),var(--card-ty,0),0) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d}.card:hover{--card-ty:-4px;border-color:rgba(124,92,255,.32);background:rgba(124,92,255,.06);box-shadow:0 18px 60px rgba(0,0,0,.42)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(320px 220px at var(--hx,50%) var(--hy,50%),rgba(0,212,255,.18),rgba(124,92,255,.10) 35%,rgba(0,0,0,0) 70%);opacity:0;transition:opacity .2s ease}.card:hover:before{opacity:.9}.card h3{margin:8px 0 6px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14px}.photo{width:100%;height:auto;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22);box-shadow:0 16px 50px rgba(0,0,0,.35)}.hero-visual{display:grid;grid-template-rows:auto 1fr;gap:12px}.hero-visual .mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-visual .mini img{height:120px;object-fit:cover}.cursor{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 0 8px rgba(124,92,255,.16) , 0 12px 34px rgba(0,212,255,.12);transform:translate(-100px,-100px);pointer-events:none;z-index:9999;opacity:.92;transition:width .12s ease , height .12s ease , box-shadow .12s ease , opacity .12s ease}.cursor.hover{width:14px;height:14px;opacity:1;box-shadow:0 0 0 12px rgba(0,212,255,.14) , 0 18px 52px rgba(124,92,255,.16)}.fx-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9991;mix-blend-mode:screen;opacity:.95}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}.cursor{display:none!important}.fx-canvas{display:none!important}body.fx-cursor{cursor:auto}body:after{opacity:.06}}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.26);color:#dcd6ff;font-size:12px}.icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(0,212,255,.10);border:1px solid rgba(0,212,255,.18)}.icon svg{width:20px;height:20px;fill:var(--brand2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list{margin:10px 0 0;padding:0;list-style:none}.list li{margin:10px 0;padding-left:16px;position:relative;color:var(--muted)}.list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2))}.footer{padding:28px 0;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);margin-top:28px}.footer a{color:var(--muted)}.footer a:hover{color:var(--text)}.notice{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20)}.notice.ok{border-color:rgba(49,208,170,.35);background:rgba(49,208,170,.08)}.notice.err{border-color:rgba(255,77,109,.35);background:rgba(255,77,109,.08)}form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 6px}input,textarea,select{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.25);color:var(--text);padding:12px 12px;outline:none}textarea{min-height:140px;resize:vertical}input:focus,textarea:focus,select:focus{box-shadow:var(--ring);border-color:rgba(124,92,255,.35)}.muted{color:var(--muted)}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}table{width:100%;border-collapse:separate;border-spacing:0 10px}th{font-size:12px;color:var(--muted);text-align:left;padding:0 10px}td{padding:12px 10px;background:rgba(0,0,0,.20);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}tr td:first-child{border-left:1px solid rgba(255,255,255,.08);border-top-left-radius:14px;border-bottom-left-radius:14px}tr td:last-child{border-right:1px solid rgba(255,255,255,.08);border-top-right-radius:14px;border-bottom-right-radius:14px}.right{text-align:right}.small{font-size:12px}@media (max-width:920px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}form .row{grid-template-columns:1fr}.hero h1{font-size:36px}body.fx-cursor{cursor:auto}.cursor{display:none}.fx-canvas{display:none}}