@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-color:#f5f5f0;--bg-secondary:#fff;--text-color:#1a1a1a;--text-muted:#666;--primary-color:#3c89e7;--accent-color:#2d6fc4;--border-color:#00000014;--card-bg:#ffffff73;--card-shadow:0 8px 32px #1f26871a;--glass-bg:#ffffff59;--glass-border:#fff6;--glass-shadow:0 8px 32px #1f268714;--glass-inner-border:inset 0 0 0 1px #ffffff80;--ascii-color:#1a1a1a;--grid-color:#0000001a;--icon-invert:none}[data-theme=dark]{--bg-color:#0f0f14;--bg-secondary:#1a1a24;--text-color:#f0f0f0;--text-muted:#9a9a9a;--primary-color:#3c89e7;--accent-color:#5ca0f2;--border-color:#ffffff14;--card-bg:#1e1e2d80;--card-shadow:0 8px 32px #0000004d;--glass-bg:#19192880;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #00000040;--glass-inner-border:inset 0 0 0 1px #ffffff1a;--ascii-color:#f0f0f0;--grid-color:#ffffff08;--icon-filter:invert(1);--icon-invert:invert(1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle,var(--grid-color)1px,transparent 1px);background-size:24px 24px;background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}[data-theme=dark] body{background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:24px 24px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.mono{font-family:JetBrains Mono,monospace}.ascii-art{color:var(--ascii-color);white-space:pre;letter-spacing:-1px;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;line-height:1.1}.ascii-glow{text-shadow:0 0 10px var(--ascii-color),0 0 30px var(--ascii-color),0 0 50px var(--ascii-color)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inner-border);border-radius:20px}.glass-strong{background:var(--card-bg);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inner-border);border-radius:24px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inner-border);border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:0 20px 50px #3c89e726,var(--glass-inner-border);background:var(--card-bg);border-color:#3c89e74d;transform:translateY(-6px)}.btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 8px 24px #3c89e759}.btn-primary:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 12px 32px #3c89e780}.btn-outline{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-border);color:var(--text-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 8px 24px #3c89e733,var(--glass-inner-border);background:#3c89e726}.section{padding:100px 0}.section-title{margin-bottom:16px;font-size:2.5rem}.section-subtitle{color:var(--text-muted);max-width:600px;font-size:1.1rem}.tag{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);color:var(--text-muted);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-border);border-radius:24px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.tag:hover{border-color:var(--primary-color);color:var(--primary-color);background:#3c89e71a;transform:translateY(-2px)}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:60px 0}.section-title{font-size:1.75rem}.ascii-art{letter-spacing:0;font-size:5px}}.ascii-divider{color:var(--text-muted);text-align:center;opacity:.3;padding:60px 0;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--primary-color)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.floating-ui-element{transition:transform .3s,opacity .3s;display:block}@media (max-width:768px){.floating-ui-element{transform-origin:50%;animation:none!important;transform:scale(.5)!important}.floating-ui-element:first-of-type{top:auto!important;bottom:35%!important;left:-25%!important}.floating-ui-element:nth-of-type(2){top:30%!important;right:0%!important}.floating-ui-element:nth-of-type(3){bottom:10%!important;right:-10%!important}}@media (max-width:480px){.floating-ui-element{transform:scale(.4)!important}.floating-ui-element:first-of-type{bottom:40%!important;left:-35%!important}.floating-ui-element:nth-of-type(2){top:28%!important;right:-5%!important}.floating-ui-element:nth-of-type(3){bottom:8%!important;right:-20%!important}}.floating-project-card{will-change:transform}@media (max-width:768px){.floating-project-card{animation:none!important}}