:root{--bg:#030303;--surface:#0c0c0c;--surface-hover:#121212;--border:#1f1f1f;--accent:#00f2ff;--accent-glow:rgba(0,242,255,.3);--gold:gold;--gold-glow:rgba(255,215,0,.6);--text-main:#fff;--text-dim:hsla(0,0%,100%,.4);--radius:4px;--shadow:0 10px 40px rgba(0,0,0,.8);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem;width:100%}@media (max-width:768px){.container{padding:1.5rem 1.2rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.card:hover{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;gap:.5rem}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 25px var(--accent-glow)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--surface-hover)}textarea{width:100%;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:8px;padding:1rem;color:#fff;font-family:JetBrains Mono,Courier New,monospace;font-size:.9rem;resize:vertical;min-height:200px;outline:none;transition:border-color .2s}textarea:focus{border-color:var(--accent)}@keyframes breathing-glow{0%{box-shadow:0 0 5px var(--accent-glow);border-color:rgba(0,242,255,.2)}50%{box-shadow:0 0 20px var(--accent-glow);border-color:rgba(0,242,255,.6)}to{box-shadow:0 0 5px var(--accent-glow);border-color:rgba(0,242,255,.2)}}@keyframes breathing-glow-gold{0%{box-shadow:0 0 5px var(--gold-glow);border-color:rgba(255,215,0,.2)}50%{box-shadow:0 0 20px var(--gold-glow);border-color:rgba(255,215,0,.6)}to{box-shadow:0 0 5px var(--gold-glow);border-color:rgba(255,215,0,.2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cyber-box{position:relative;background:#080808;border:1px solid rgba(0,242,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.cyber-box:hover{border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow)}.cyber-corner{position:absolute;width:10px;height:10px;border:2px solid var(--accent);transition:border-color .3s;pointer-events:none}.cyber-box:hover .cyber-corner{border-color:var(--gold)}.corner-tl{left:-1px;border-right:none}.corner-tl,.corner-tr{top:-1px;border-bottom:none}.corner-tr{right:-1px;border-left:none}.corner-bl{left:-1px;border-right:none}.corner-bl,.corner-br{bottom:-1px;border-top:none}.corner-br{right:-1px;border-left:none}.breathing{animation:breathing-glow 3s ease-in-out infinite}.breathing-gold,.cyber-gold{animation:breathing-glow-gold 3s ease-in-out infinite!important}.breathing-gold,.cyber-gold,.cyber-gold .cyber-corner{border-color:var(--gold)!important}.grid{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:2rem;gap:2rem}@media (max-width:768px){.grid{grid-template-columns:1fr;gap:1.5rem}header h1{font-size:2.2rem!important}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-menu-overlay{animation:slideIn .3s ease-out}@media (max-width:768px){.desktop-menu{display:none!important}.mobile-toggle{display:block!important}}