:root{--c1:#00c3ff;--c2:#7b2fff;--c3:#ff00cc;--bg:#1e1e24;--panel:rgba(12,12,18,0.75);--border:rgba(0,195,255,0.12);--text:#f0f0ff;--text2:rgba(240,240,255,0.65);--text3:rgba(240,240,255,0.38);--grad:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));--font-display:'Syne',sans-serif;--font-mono:'Space Mono',monospace}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-display);background:var(--bg);color:var(--text);overflow-x:hidden}
a{color:var(--c1);text-decoration:none}
a:hover{text-decoration:underline}
.gt{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
nav{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:64px;background:rgba(10,10,16,0.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;backdrop-filter:blur(16px)}
.nav-logo{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.08em}
.nav-back{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);transition:color .2s}
.nav-back:hover{color:var(--c1);text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:60px 40px 80px}
.page-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:rgba(0,195,255,.6);text-transform:uppercase;margin-bottom:10px}
.page-title{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.03em;margin-bottom:8px}
.page-date{font-family:var(--font-mono);font-size:9px;color:var(--text3);letter-spacing:.1em;margin-bottom:48px}
.section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--border)}
.section:last-child{border-bottom:none}
.section h2{font-size:16px;font-weight:700;color:var(--c1);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.section p{font-size:14px;color:var(--text2);line-height:1.85;margin-bottom:10px}
.section p:last-child{margin-bottom:0}
.section ul{margin:10px 0 10px 20px}
.section ul li{font-size:14px;color:var(--text2);line-height:1.85;margin-bottom:6px}
footer{display:flex;justify-content:space-between;align-items:center;padding:18px 40px;flex-wrap:wrap;gap:10px;background:rgba(8,8,14,.96);border-top:1px solid var(--border)}
.footer-logo{font-family:var(--font-mono);font-size:10px;color:var(--text3);letter-spacing:.08em}
.footer-links{display:flex;gap:20px}
.footer-links a{font-family:var(--font-mono);font-size:9px;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;transition:color .2s}
.footer-links a:hover{color:var(--text2);text-decoration:none}
@media(max-width:600px){nav{padding:0 16px}.wrap{padding:40px 16px 60px}footer{padding:14px 16px;flex-direction:column;gap:6px}.footer-links{display:flex;flex-wrap:wrap;gap:12px}}
.footer-recruiter a{color:var(--c1);text-decoration:none}.footer-recruiter a:hover{text-decoration:underline}
.footer-recruiter{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:4px;border-top:1px solid rgba(0,195,255,0.12);flex-wrap:wrap;gap:10px}
.footer-recruiter span{font-family:var(--font-mono);font-size:9px;color:rgba(240,240,255,0.45);letter-spacing:.08em}
.footer-recruiter-btn{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:8px 18px;background:linear-gradient(90deg,#00c3ff,#7b2fff,#ff00cc);color:#fff !important;border:none;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);text-decoration:none;transition:opacity .2s}
.footer-recruiter-btn:hover{opacity:.82;text-decoration:none}
.footer-admin-btn{font-family:var(--font-mono);font-size:9px;color:rgba(240,240,255,0.08);letter-spacing:.1em;text-decoration:none;transition:color .3s;user-select:none}
.footer-admin-btn:hover{color:rgba(0,195,255,0.35);text-decoration:none}