:root{--bg-color:#0b0f19;--panel-bg:#171f3399;--panel-border:#ffffff14;--accent-glow:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--text-main:#f3f4f6;--text-muted:#9ca3af;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#a855f726 0,#0000 50%);min-height:100vh}._container_2pz0f_2{--theme-glow:#10b98126;--theme-accent:#34d399;--theme-gradient:linear-gradient(135deg, #34d399 0%, #10b981 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-shadow:0 0 30px var(--theme-glow);background:#061c15a6;border:1px solid #34d39940;border-radius:20px;padding:3.5rem 2.5rem}._badge_2pz0f_16{color:var(--theme-accent);background:#34d39926;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}._title_2pz0f_27{background:var(--theme-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}._subtitle_2pz0f_37{color:#a7f3d0;opacity:.85;max-width:500px;margin:0 auto;line-height:1.6}._grid_y6mxg_2{--theme-glow:#a855f726;--theme-accent:#f472b6;--theme-border:#ec489940;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}._card_y6mxg_12{border:1px solid var(--theme-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181225a6;border-radius:16px;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s}._card_y6mxg_12:hover{box-shadow:0 8px 25px var(--theme-glow);border-color:#f472b699;transform:translateY(-4px)}._header_y6mxg_27{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}._header_y6mxg_27 h3{color:#f3e8ff}._tag_y6mxg_38{color:var(--theme-accent);background:#ec489926;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}._card_y6mxg_12 p{color:#c084fc;font-size:.9rem;line-height:1.5}._container_lsn1q_2{--theme-accent:#fb923c;--theme-glow:#f9731633;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 35px var(--theme-glow);background:#241007a6;border:1px solid #fb923c4d;border-radius:20px;padding:2rem}._container_lsn1q_2 h2{color:var(--theme-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.5rem}._placeholderBox_lsn1q_22{color:#fed7aa;background:#f973160d;border:2px dashed #fb923c59;border-radius:12px;justify-content:center;align-items:center;width:100%;height:300px;font-weight:600;display:flex}.app-layout{flex-direction:column;gap:2rem;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex;position:relative;overflow-x:hidden}.bg-gradient-layer{z-index:-1;pointer-events:none;background-color:#030712;position:fixed;inset:0;overflow:hidden}.bg-gradient-layer:before,.bg-gradient-layer:after,.bg-gradient-layer .starfield{content:"";width:200vw;min-width:200vh;height:200vw;min-height:200vh;margin-top:-100vw;margin-left:-100vw;position:absolute;top:50%;left:50%}.bg-gradient-layer:before,.bg-gradient-layer:after{opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1);animation:80s linear infinite cosmicDrift}.bg-gradient-layer .starfield{opacity:.35;background-image:radial-gradient(1px 1px at 40px 60px,#fff,#0000),radial-gradient(1px 1px at 120px 180px,#fffc,#0000),radial-gradient(1.5px 1.5px at 240px 90px,#fff,#0000),radial-gradient(1px 1px at 310px 260px,#fff9,#0000),radial-gradient(1px 1px at 400px 140px,#ffffffe6,#0000);background-repeat:repeat;background-size:450px 450px;animation:220s linear infinite starRotate}.bg-gradient-layer:before{background-image:radial-gradient(circle at 35% 35%,#10b98147 0%,#0000 45%),radial-gradient(circle at 65% 65%,#05966938 0%,#0000 50%),radial-gradient(circle,#064e3b59 0%,#0000 60%)}.bg-gradient-layer:after{background-image:radial-gradient(circle at 65% 35%,#ec489947 0%,#0000 45%),radial-gradient(circle at 35% 65%,#a855f740 0%,#0000 50%),radial-gradient(circle,#581c8759 0%,#0000 60%)}.app-layout[data-theme=games] .bg-gradient-layer{background-image:radial-gradient(circle at 35% 40%,#f9731652 0%,#0000 45%),radial-gradient(circle at 70% 65%,#f59e0b3d 0%,#0000 50%),radial-gradient(circle,#7c2d1261 0%,#0000 60%)}.app-layout[data-theme=home] .bg-gradient-layer:before,.app-layout[data-theme=projects] .bg-gradient-layer:after{opacity:1}.navbar-container{z-index:100;justify-content:center;display:flex;position:sticky;top:1.5rem}.nav-pills{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:9999px;padding:.35rem;display:flex;box-shadow:0 10px 25px -5px #00000080}.tab{color:#9ca3af;border-radius:9999px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s}.tab:hover{color:#f3f4f6}.tab.active.home-tab{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98166}.tab.active.projects-tab{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);box-shadow:0 4px 14px #ec489966}.tab.active.games-tab{color:#fff;background:linear-gradient(135deg,#f97316 0%,#f59e0b 100%);box-shadow:0 4px 14px #f9731673}.content-area{flex:1}.app-footer{border-top:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;margin-top:4rem;padding:2.5rem 1rem 1.5rem;display:flex}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff9;background:#0006;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.social-icon{object-fit:contain;filter:brightness(0)invert(.8);width:20px;height:20px;transition:filter .25s}.social-link:hover .social-icon{filter:brightness(0)invert()}.social-link:hover{color:#fff;background:#000000b3;border-color:#ffffff40;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #00000080}.footer-credits{color:#6b7280;font-size:.8rem}.page-transition{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cosmicDrift{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}