:root{--bg: #101010;--text: #fafafa;--text-muted: #a3a3a3;--border: #525252;--border-light: #737373;--surface-30: rgba(64, 64, 64, .3);--surface-40: rgba(32, 30, 32, .4);--surface-60: rgba(64, 64, 64, .6);--surface-solid: #404040;--surface-solid-800: #262626;--accent-green: #16a34a;--accent-purple: #a855f7;--accent-amber: #d97706;--accent-red: #ef4444;--accent-blue: #2563eb}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animated-bg{background:radial-gradient(closest-corner,var(--bg-color-1),var(--bg-color-2),var(--bg-color-3),var(--bg-color-4));background-size:400% 400%;animation:gradient-anim 30s ease infinite;transition:background 1.5s ease}@keyframes gradient-anim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:10px;background:none}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}a{color:inherit;text-decoration:none}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.125rem .5rem;border-radius:.75rem;font-weight:600;font-size:.95em;line-height:1.4}.badge-green{background-color:var(--accent-green);color:#fff}.badge-purple{background-color:var(--accent-purple);color:#fff}.badge-amber{background-color:var(--accent-amber);color:#fff}.badge-red{background-color:var(--accent-red);color:#fff}.badge-blue{background-color:var(--accent-blue);color:#fff}.badge-neutral{background-color:var(--surface-solid-800);color:var(--text-muted);border:1px solid var(--border);font-size:.75rem;text-transform:uppercase;font-weight:700;padding:.5rem .75rem;white-space:nowrap}.glass-card{background:#4040404d;backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px);border:1px solid var(--border);border-radius:1.5rem;transform:translateZ(0)}@media(max-width:767px){.glass-card{background:#262626f2;backdrop-filter:none;-webkit-backdrop-filter:none}}.container{max-width:80rem;margin:0 auto;padding:0 1.5rem}.page-header{padding-top:2rem;padding-bottom:1.5rem}.page-content{padding-bottom:7rem}@media(max-width:767px){.page-content{padding-bottom:10rem}}.swapin{animation:swapin .4s ease-out both;will-change:opacity,transform}@keyframes swapin{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:.75rem;left:0;right:0;z-index:10;display:flex;justify-content:center;pointer-events:none}.nav-inner{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;background:#201e20d9;border:1px solid #404040;border-radius:1.5rem;padding:.625rem;box-shadow:0 25px 50px -12px #00000040;pointer-events:auto}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;margin:.125rem;padding:.625rem;border:1px solid var(--border);border-radius:.75rem;background:transparent;box-shadow:0 4px 6px -1px #0000004d;transition:background-color .1s ease,transform .2s ease,box-shadow .1s ease;cursor:pointer}.nav-item:hover{background:#ffffff0d}.nav-item:active{transform:scale(.95);box-shadow:none}.nav-item.active{box-shadow:none}.nav-icon{display:block;width:1em;height:1em;color:var(--text-muted);transition:color .1s ease;flex-shrink:0}.nav-item:hover .nav-icon{color:var(--text)}.nav-item.active .nav-icon{color:#fff}.nav-home{border-color:#16a34a4d}.nav-home .nav-icon{color:#16a34ab3}.nav-home:hover .nav-icon{color:#16a34a}.nav-home.active{background:#16a34ae6;border-color:#16a34ae6}.nav-projects{border-color:#a855f74d}.nav-projects .nav-icon{color:#a855f7b3}.nav-projects:hover .nav-icon{color:#a855f7}.nav-projects.active{background:#a855f7e6;border-color:#a855f7e6}.nav-about{border-color:#60a5fa4d}.nav-about .nav-icon{color:#60a5fab3}.nav-about:hover .nav-icon{color:#60a5fa}.nav-about.active{background:#60a5fae6;border-color:#60a5fae6}.nav-discord{border-color:#5865f24d}.nav-discord .nav-icon{color:#5865f2b3}.nav-discord:hover .nav-icon{color:#5865f2}.nav-discord.active{background:#5865f2e6;border-color:#5865f2e6}.nav-contact{border-color:#ec48994d}.nav-contact .nav-icon{color:#ec4899b3}.nav-contact:hover .nav-icon{color:#ec4899}.nav-contact.active{background:#ec4899e6;border-color:#ec4899e6}.nav-twitter{border-color:#ffffff26}.nav-twitter .nav-icon{color:#ffffff80}.nav-twitter:hover .nav-icon{color:#fff}.nav-dot{position:absolute;bottom:-.5rem;width:17px;height:3px;background:#9ca3af;border-radius:9999px;opacity:0;transition:opacity .1s ease}.nav-item.active .nav-dot{opacity:.3}.nav-separator{width:2px;height:20px;background:var(--border);border-radius:9999px}body.modal-open{position:fixed;top:var(--scroll-y, 0px);left:0;right:0;width:100%}@media(max-width:640px){.container{padding:0 1rem}.nav-item{font-size:1.25rem;padding:.5rem}}.back-to-top{position:fixed;bottom:6rem;right:1.25rem;width:44px;height:44px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#ffffffe6;z-index:99;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s,transform .2s}.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto}.back-to-top:hover{background:#ffffff40;color:#fff;transform:translateY(-2px)}@media(min-width:768px){.back-to-top{bottom:2rem;right:2rem;width:48px;height:48px}}