@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.relative{position:relative}.container{width:100%}.flex{display:flex}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--color-accent:#00a86b;--color-accent-hover:#00c97a;--color-accent-glow:#00a86b33;--color-accent-glow-strong:#00a86b59;--hacker-neon-cyan:#09c;--hacker-purple:#8b5cf6;--hacker-pink:#ec4899;--hacker-yellow:#eab308;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f8fafc;--bg-input:#fff;--bg-elevated:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-accent:#00a86b;--font-mono:"Fira Code","JetBrains Mono","SF Mono","Monaco","Menlo",monospace;--font-display:"Fira Code","JetBrains Mono",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0;--radius-md:0;--radius-lg:2px;--radius-xl:4px;--radius-2xl:4px;--radius-full:2px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px -1px #00000026;--shadow-lg:0 10px 15px -3px #0003;--shadow-glow:0 0 20px #00ff4166;--shadow-glow-strong:0 0 30px #00ff4199}:root[data-theme=dark]{--color-accent:#00ff41;--color-accent-hover:#39ff14;--color-accent-glow:#00ff4166;--color-accent-glow-strong:#00ff4199;--bg-primary:#0a0a0a;--bg-secondary:#0d1117;--bg-tertiary:#161b22;--bg-card:#0d1117;--bg-hover:#1c2128;--bg-input:#0d1117;--bg-elevated:#161b22;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-inverse:#0a0a0a;--border-primary:#30363d;--border-secondary:#484f58;--border-accent:#00ff41;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -1px #0009;--shadow-lg:0 20px 25px -5px #000000b3;--shadow-glow:0 0 25px #00ff4180;--shadow-glow-strong:0 0 40px #00ff41b3}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.theme-toggle *,.theme-toggle :before,.theme-toggle :after{transition:none!important}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink:after{content:"█";color:var(--color-accent);margin-left:2px;animation:1s infinite blink}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch:hover{animation:.3s infinite glitch}.terminal-glow{text-shadow:0 0 5px #00ff4199,0 0 10px #00ff4166,0 0 20px #00ff4133}.cyan-glow{text-shadow:0 0 5px #00f0ff99,0 0 10px #00f0ff66}.purple-glow{text-shadow:0 0 5px #bf00ff99,0 0 10px #bf00ff66}.tech-border{border:1px solid var(--border-primary);position:relative}.tech-border:before,.tech-border:after{content:"";border-color:var(--color-accent);border-style:solid;width:8px;height:8px;transition:all .3s;position:absolute}.tech-border:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.tech-border:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.tech-border:hover:before,.tech-border:hover:after{width:100%;height:100%}.bracket-decoration:before,.bracket-decoration:after{content:"[";color:var(--color-accent);opacity:.7;font-weight:700}.bracket-decoration:after{content:"]"}.cut-corner{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.container{width:100%;max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-lg)}}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.card:hover:before{opacity:1}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-size:.85rem;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--border-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);min-height:44px;color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#00ff411a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:var(--bg-primary);color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 10px #00ff4133}.btn-primary:hover{box-shadow:var(--shadow-glow);text-shadow:0 0 8px #00ff41cc;background:#00ff411a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.btn-command{color:var(--color-accent);border:1px solid var(--color-accent);background:0 0;position:relative}.btn-command:before{content:"$ ";opacity:.7}.btn-command:after{content:" _";animation:1s infinite blink}.btn-command:hover{box-shadow:var(--shadow-glow);background:#00ff411a}.text-gradient{background:linear-gradient(135deg,var(--color-accent)0%,var(--hacker-neon-cyan)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-glitch{position:relative}.text-glitch:before,.text-glitch:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.text-glitch:before{color:var(--hacker-neon-cyan);animation:.4s linear infinite alternate-reverse glitch-1}.text-glitch:after{color:var(--hacker-pink);animation:.4s linear infinite alternate-reverse glitch-2}@keyframes glitch-1{0%{clip-path:inset(20% 0 80%);transform:translate(-2px)}20%{clip-path:inset(60% 0 10%);transform:translate(2px)}40%{clip-path:inset(40% 0 50%);transform:translate(-2px)}60%{clip-path:inset(80% 0 5%);transform:translate(2px)}80%{clip-path:inset(10% 0 70%);transform:translate(-2px)}to{clip-path:inset(50% 0 30%);transform:translate(2px)}}@keyframes glitch-2{0%{clip-path:inset(10% 0 60%);transform:translate(2px)}20%{clip-path:inset(80% 0 5%);transform:translate(-2px)}40%{clip-path:inset(30% 0 20%);transform:translate(2px)}60%{clip-path:inset(10% 0 80%);transform:translate(-2px)}80%{clip-path:inset(50% 0 40%);transform:translate(2px)}to{clip-path:inset(70% 0 10%);transform:translate(-2px)}}.matrix-bg{position:relative;overflow:hidden}.matrix-bg:before{content:"";pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4105 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00ff4105 2px 4px);position:absolute;inset:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border:1px solid var(--border-primary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border:1px solid var(--color-accent)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent);box-shadow:0 0 10px #00ff4180}:root[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-primary);border-color:var(--color-accent)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes typing{0%{width:0}to{width:100%}}.animate-slide-in{animation:.3s cubic-bezier(.4,0,.2,1) slideInRight}.animate-fade-in{animation:.2s ease-out fadeIn}.animate-scale-in{animation:.2s cubic-bezier(.4,0,.2,1) scaleIn}.theme-toggle{bottom:var(--spacing-lg);left:var(--spacing-lg);z-index:1000;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.theme-toggle:before{content:"";border:1px solid var(--color-accent);border-radius:var(--radius-full);opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:scale(1.08)}.theme-toggle:hover:before{opacity:.5}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:22px;height:22px;color:var(--text-secondary);transition:color .2s}.theme-toggle:hover svg{color:var(--color-accent);filter:drop-shadow(0 0 8px #00ff41cc)}::selection{background:var(--color-accent);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 10px #00ff4180}code,pre{font-family:var(--font-mono)}code{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:2px;padding:.2em .4em;font-size:.9em}pre{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);overflow-x:auto}pre code{background:0 0;border:none;padding:0}input,textarea,select{font-family:var(--font-mono)}input:focus,textarea:focus,select:focus{outline:none}a{position:relative}a:not(.btn):after{content:"";background:var(--color-accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}a:not(.btn):hover:after{width:100%}.status-online{color:var(--color-accent);text-shadow:0 0 8px #00ff41cc}.status-offline{color:var(--text-muted)}.status-error{color:var(--color-danger);text-shadow:0 0 8px #ff006ecc}.status-warning{color:var(--color-warning);text-shadow:0 0 8px #f7ff00cc}.reduce-motion *{transition:none!important;animation:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}