@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Outfit:wght@400;600;800;900&display=swap";:root{--bg-color:#ececf0;--surface-color:#ffffffd9;--surface-hover:#fff;--border-color:#00000014;--text-primary:#1a1a1a;--text-secondary:#666;--accent-color:#fc5317;--flip-text-color:#1a1a1a;--shadow-inline:inset 0px 2px 4px #fff, inset 0px -2px 4px #00000026, 0px 10px 25px -4px #0003;--tag-bg-1:#b9e5ff;--tag-text-1:#0070f3;--tag-bg-2:#e5d4ff;--tag-text-2:#6b21a8;--tag-bg-3:#ffebb9;--tag-text-3:#d97706;--tag-bg-4:#ffd4c4;--tag-text-4:#c2410c;--tag-bg-5:#c4ffdb;--tag-text-5:#047857}.theme-dark{--bg-color:#141414;--surface-color:#28282899;--surface-hover:#3c3c3ce6;--border-color:#ffffff14;--text-primary:#fff;--text-secondary:#a3a3a3;--accent-color:#fc5317;--flip-text-color:#fff;--shadow-inline:inset 0px 2px 4px #fff3, inset 0px -3px 6px #000c, 0px 12px 30px -4px #0009;--tag-bg-1:#0070f333;--tag-text-1:#66b2ff;--tag-bg-2:#6b21a833;--tag-text-2:#d8b4fe;--tag-bg-3:#d9770633;--tag-text-3:#fcd34d;--tag-bg-4:#c2410c33;--tag-text-4:#fdba74;--tag-bg-5:#04785733;--tag-text-5:#6ee7b7}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);z-index:-1;background-size:32px 32px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000 10%,#0000 60%);mask-image:radial-gradient(circle at 50% 20%,#000 10%,#0000 60%)}a{color:inherit;text-decoration:none}.container{max-width:800px;margin:2rem auto;padding:0 1.5rem}.glass-pill{-webkit-backdrop-filter:blur(16px);background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-inline);border-radius:100px;transition:background-color .3s,border-color .3s,box-shadow .3s}.header-container{z-index:50;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-bottom:4rem;display:flex;position:sticky;top:1.5rem}.header-grid{align-items:center;gap:.2rem;padding:.35rem;display:flex}.header-icon{color:var(--text-secondary);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;padding:.6rem 1rem;transition:all .2s ease-in-out;display:flex}.header-icon svg{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.header-icon:hover{background-color:var(--surface-hover);color:var(--text-primary)}.header-icon:hover svg{transform:scale(1.1)rotate(-8deg)}.settings-menu{align-items:center;gap:.8rem;padding:.5rem .8rem;display:flex}.radio-group{background-color:#00000008;border-radius:16px;gap:.3rem;padding:.35rem;display:flex}.theme-dark .radio-group{background-color:#ffffff08}.radio-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.radio-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.radio-btn.active{background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-inline)}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);background-color:var(--text-primary);color:var(--bg-color);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:130%;left:50%;transform:translate(-50%)translateY(-5px)scale(.95)}.has-tooltip:before{content:"";border-style:solid;border-width:6px;border-color:transparent transparent var(--text-primary) transparent;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:110%;left:50%;transform:translate(-50%)translateY(-5px)scale(.95)}.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.scroll-fade{opacity:0;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.scroll-fade.is-visible{opacity:1;transform:translateY(0)}.shimmering-text{color:var(--text-primary);background:linear-gradient(110deg, var(--text-primary) 0%, var(--accent-color) 25%, var(--text-primary) 50%, var(--accent-color) 75%, var(--text-primary) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3s linear infinite shimmer;display:inline-block}@keyframes shimmer{to{background-position:200%}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.squiggle-path{stroke-dasharray:200;stroke-dashoffset:200px;animation:2.5s cubic-bezier(.3,.8,.5,1) infinite draw}@keyframes draw{0%{stroke-dashoffset:200px;opacity:0}5%{opacity:1}50%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}95%{opacity:0}to{stroke-dashoffset:0;opacity:0}}h1,h2{letter-spacing:-.04em;font-weight:900}h2{letter-spacing:-.02em;font-weight:800}.hero{margin-bottom:5rem}.section{margin-bottom:5rem;scroll-margin-top:8rem}#stack{margin-bottom:2rem}.section-title{color:var(--text-primary);margin-bottom:2rem;font-size:1.4rem;font-weight:900}.project-bento{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=600px){.project-bento{grid-template-columns:repeat(2,1fr)}}.project-card{-webkit-backdrop-filter:blur(12px);background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-inline);border-radius:16px;flex-direction:column;padding:1.5rem;transition:border-color .3s;display:flex}.project-card:hover{border-color:var(--border-color)}.card-icon{color:var(--accent-color);margin-bottom:1rem}.project-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.project-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem}.details-btn{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-inline);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.theme-dark .details-btn{background-color:#ffffff0d}.details-btn:hover{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.details-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0003}.squircle-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:900px;margin-top:3rem;margin-left:auto;margin-right:auto;display:grid}.squircle-card{flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.squircle-icon{color:#fff;width:80px;height:80px;box-shadow:var(--shadow-inline), inset 0px 6px 12px #0006, inset 0px -6px 12px #ffffff1a;cursor:pointer;border-radius:22px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.squircle-card:hover .squircle-icon{box-shadow:var(--shadow-inline), inset 0px 8px 16px #00000080, inset 0px -8px 16px #ffffff1a;transform:none}.squircle-label{color:var(--text-primary);opacity:0;pointer-events:none;font-size:.95rem;font-weight:700;transition:all .3s;position:absolute;bottom:-25px;transform:translateY(10px)}.squircle-card:hover .squircle-label{opacity:1;transform:translateY(0)}.gradient-green{background:linear-gradient(135deg,#4caf50,#2e7d32)}.gradient-red{background:linear-gradient(135deg,#ff5252,#d32f2f)}.gradient-purple{background:linear-gradient(135deg,#7c4dff,#512da8)}.gradient-orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.gradient-cyan{background:linear-gradient(135deg,#00bcd4,#0097a7)}@media (width<=768px){.squircle-grid{grid-template-columns:repeat(2,1fr);gap:3rem 1.5rem}}.loop-slider-container{white-space:nowrap;width:100%;margin-top:-1.5rem;margin-bottom:-1.5rem;padding:3rem 0;position:relative;overflow:hidden}.loop-slider-container:before,.loop-slider-container:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:3rem;bottom:3rem}.loop-slider-container:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.loop-slider-container:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.loop-slider{align-items:center;gap:3rem;padding-left:3rem;animation:30s linear infinite slide-loop;display:inline-flex}.loop-slider:hover{animation-play-state:paused}@keyframes slide-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}.loop-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.loop-icon{color:var(--accent-color);display:inline-flex}.tech-tag{border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-inline);background-color:#00000008;border-radius:100px;margin-right:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}.theme-dark .tech-tag{background-color:#ffffff08}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.discord-card{-webkit-backdrop-filter:blur(12px);background-color:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-inline);border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s ease-out;display:flex}.discord-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.text-inline-shadow,.theme-dark .text-inline-shadow{font-weight:900}.plastic-pill{cursor:grab;box-shadow:var(--shadow-inline);-webkit-user-select:none;user-select:none;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:800;display:inline-flex}.plastic-pill:active{cursor:grabbing}.emoji-squircle{background-color:var(--surface-color);cursor:grab;width:70px;height:70px;box-shadow:var(--shadow-inline);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.emoji-squircle:active{cursor:grabbing}.grid-bg{background-size:40px 40px;background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);border:1px solid var(--border-color);border-radius:20px;justify-content:center;align-items:center;min-height:250px;padding:3rem;display:flex;position:relative;overflow:hidden}.faq-item{background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-inline);border-radius:16px;flex-direction:column;height:100%;padding:1.5rem;display:flex}.faq-item h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.brand-glow{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}