@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Bebas+Neue&family=Sacramento&display=swap";
:root{--bg:#05070f;--surface:#121521f2;--surface-strong:#121627;--surface-soft:#ffffff0a;--text:#f7f7fb;--muted:#9ba3b3;--border:#ffffff1a;--accent:#7e6bff;--accent-strong:#4ee0ff;--accent-soft:#7e6bff24;--shadow:0 40px 120px #00000059}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #7e6bff33, transparent 22%), radial-gradient(circle at top right, #4ee0ff26, transparent 18%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;overflow-x:hidden}body:before{content:"";pointer-events:none;background:linear-gradient(#0000 10%,#ffffff05 55%,#0000 90%);position:fixed;inset:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}button,input,textarea{font:inherit}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);z-index:1000;background:#070a14cc;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,100% - 2rem);padding:1rem 1.5rem;display:flex;position:fixed;top:1.2rem;left:50%;transform:translate(-50%)}.brand{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.9rem;font-weight:800;display:flex}.brand-dot{color:var(--accent)}.header-nav{align-items:center;gap:1rem;display:flex}.header-nav a{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .2s}.header-nav a:hover{color:var(--text)}.header-cta{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border:1px solid #0000;border-radius:999px;padding:.9rem 1.4rem;font-weight:700;transition:transform .2s,opacity .2s}.header-cta:hover{opacity:.95;transform:translateY(-2px)}.mobile-menu-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.5rem;transition:color .2s;display:none}.mobile-menu-toggle:hover{color:var(--accent)}.header-nav-mobile{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);background:#070a14f2;border-top:none;border-radius:0 0 24px 24px;flex-direction:column;gap:0;margin-top:.5rem;padding:1rem 0;display:none;position:absolute;top:100%;left:0;right:0}.header-nav-mobile a{color:var(--muted);padding:.75rem 1.5rem;font-size:.92rem;font-weight:500;transition:color .2s,background .2s;display:block}.header-nav-mobile a:hover{color:var(--text);background:#7e6bff1a}.site-main{width:100%;margin:0}.section{opacity:0;width:100%;max-width:none;margin:0;padding:6rem 2rem;animation:1s .16s forwards sectionFade;position:relative;transform:translateY(24px)}.section>*{width:min(1120px,100%);margin:0 auto}.section-surface{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:0}.section-heading{text-align:center;opacity:0;max-width:760px;margin:0 auto 2.5rem;animation:.9s forwards sectionReveal;transform:translateY(18px)}.section-heading-with-icon{gap:1rem;display:grid}.section-heading-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:inline-flex}.section-heading-row h2{margin:0}.section-icon{width:2.5rem;height:2.5rem;color:var(--accent-strong);background:#7e6bff2e;border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.section-heading h2{font-size:clamp(2.4rem,3.2vw,3.4rem);line-height:1.05}.section-heading p{letter-spacing:.4em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:1rem;font-size:.78rem}@keyframes sectionReveal{to{opacity:1;transform:translateY(0)}}@keyframes sectionFade{to{opacity:1;transform:translateY(0)}}.eyebrow{text-transform:uppercase;letter-spacing:.35em;color:var(--accent-strong);justify-content:center;align-items:center;margin-bottom:1rem;font-size:.78rem;display:flex}.hero{background:#040406;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;padding:5rem 4rem 3rem;display:flex;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 20%,#6aa7ff1a,#0000 24%),radial-gradient(circle at 12% 18%,#75ffe414,#0000 18%);position:absolute;inset:0}.hero-grid{grid-template-columns:minmax(280px,1fr) minmax(560px,720px) minmax(280px,1fr);align-items:center;gap:2.5rem;width:100%;max-width:none;margin:0 auto;display:grid;position:relative}.hero-banner-left,.hero-banner-right{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.hero-copy-panel{flex-direction:column;justify-content:center;max-width:640px;display:flex}.hero-badge{color:var(--accent-strong);letter-spacing:.02em;background:#7e6bff29;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.8rem;padding:.8rem 1.2rem;font-weight:600;display:inline-flex}.hero-title-block{flex-direction:column;gap:.2rem;margin-bottom:1rem;display:inline-flex}.hero-title,.section-heading h2,.skill-card h3,.project-info h3,.timeline-header h3,.footer-links a,.hero-panel-title,.hero-panel-copy{font-family:Bebas Neue,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hero-title{letter-spacing:-.03em;max-width:720px;margin-bottom:1.8rem;font-size:clamp(4rem,6vw,5.8rem);line-height:.92}.hero-title-script{color:#edf4ff;text-transform:none;font-family:Sacramento,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(3.4rem,8vw,5.4rem);line-height:.9;display:block}.hero-title-strong{letter-spacing:-.05em;text-transform:uppercase;color:#fff;font-family:Bebas Neue,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(3.6rem,7vw,5.8rem);display:block}.hero-copy{color:#d5e0ff;max-width:520px;margin-bottom:2rem;font-size:1.05rem;line-height:1.85}.hero-copy-large{max-width:520px;font-size:1.05rem}.hero-top-bar{z-index:2;justify-content:space-between;gap:1rem;display:flex;position:absolute;top:2rem;left:4rem;right:4rem}.hero-top-left,.hero-top-right{flex-direction:column;gap:.5rem;display:flex}.hero-top-name,.hero-top-meta,.hero-top-right p{color:#d5e5ff;letter-spacing:.16em;margin:0;font-size:.82rem;line-height:1.8}.hero-top-name{letter-spacing:.28em;font-family:Bebas Neue,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem}.hero-top-meta{color:#87b7ff}.hero-panel{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:1px solid #ffffff14;border-radius:28px;padding:2rem}.hero-panel-title,.hero-panel-copy{color:#d1daff;margin:0;font-family:Bebas Neue,ui-sans-serif,system-ui,sans-serif;line-height:1.8}.hero-panel-title{margin-bottom:1.25rem;font-size:.95rem}.hero-panel-copy{color:#9fb2e1;font-size:.92rem}.hero-panel-links{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.hero-panel-links span{color:#c8d7ff;letter-spacing:.12em;font-size:.86rem}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.hero-pill-row{flex-wrap:wrap;gap:.85rem;display:flex}.hero-pill{color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:.8rem 1.1rem;font-size:.92rem;display:inline-flex}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-visual-panel{width:100%;max-width:760px;height:720px;min-height:720px;box-shadow:none;background:0 0;border-radius:48px;position:relative;overflow:hidden}.hero-visual-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#90c1ff14,#0000 28%),radial-gradient(circle at 40% 20%,#83ffff0f,#0000 18%);position:absolute;inset:0}.hero-visual-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 42%,#ffffff0f,#0000 20%);position:absolute;inset:0}.hero-visual-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040812b8;border:1px solid #ffffff14;border-radius:28px;padding:1.4rem 1.5rem;position:absolute;bottom:1.75rem;left:1.75rem;right:1.75rem;box-shadow:inset 0 0 0 1px #ffffff05}.visual-chip{color:#d8f7ff;letter-spacing:.01em;background:#4ee0ff2e;border-radius:999px;margin-bottom:.95rem;padding:.65rem 1rem;font-weight:700;display:inline-flex}.hero-visual-overlay p{color:#d9e6ff;max-width:520px;margin:0;font-size:1rem;line-height:1.72}.about-content{grid-template-columns:420px minmax(320px,1fr);align-items:center;gap:2.5rem;display:grid}.about-visual{place-items:center;display:grid}.about-img{object-fit:cover;border-radius:32px;width:min(100%,420px);height:auto;transition:transform .35s,filter .35s}.about-img:hover{filter:saturate(1.05)brightness(1.02);transform:translateY(-6px)}.about-copy{gap:1.4rem;display:grid}.about-copy p{color:#d5e0ff;opacity:0;margin-bottom:1.25rem;line-height:1.75;animation:.9s .12s forwards sectionReveal;transform:translateY(16px)}.timeline-list{color:var(--muted);margin-top:1rem;padding-left:1.5rem;list-style-type:disc}.timeline-list li{margin-bottom:.85rem}.github-graph-container{background:0 0;border:none;border-radius:0;margin-top:2rem;padding:0}.github-graph-container h3{color:var(--text);margin:0 0 1rem;font-size:1rem}.github-graph-container img{filter:saturate(1.05)brightness(.95);width:100%;height:auto}.skills-grid,.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.project-controls{gap:1rem;margin-bottom:2rem;display:grid}.project-search-bar{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;width:100%;max-width:760px;margin-bottom:.75rem;padding:.7rem 1rem;display:flex}.project-search-icon{color:var(--accent-strong);justify-content:center;align-items:center;margin-right:.85rem;display:inline-flex}.project-search-bar input{width:100%;color:var(--text);background:0 0;border:none;padding:.5rem 0;font-size:1rem}.project-search-bar input:focus{outline:none}.project-filter-row{flex-wrap:wrap;justify-content:left;align-items:center;gap:1rem;width:100%;display:flex}.project-filter-caption{color:var(--muted);margin-bottom:0;font-size:.95rem}.filter-toggle{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.55rem 1rem;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.filter-toggle:hover,.filter-toggle.open{background:#7e6bff2e;border-color:#7e6bff59}.filter-toggle svg{transition:transform .2s}.filter-toggle.open svg{transform:rotate(180deg)}.project-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.filter-chip{color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;padding:.6rem 1rem;transition:background .2s,border-color .2s}.filter-chip.active,.filter-chip:hover{background:#7e6bff2e;border-color:#7e6bff59}.skill-card,.project-card,.project-card-link,.contact-form,.timeline-content{box-shadow:none;background:0 0;border-radius:28px;padding:2rem;transition:transform .3s}.skill-card:hover,.project-card:hover,.project-card-link:hover,.timeline-content:hover{border-color:#7e6bff52;transform:translateY(-4px)}.skill-card h3,.timeline-header h3{align-items:center;gap:.75rem;margin-bottom:1.35rem;font-size:1.35rem;display:flex}.project-info h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0;font-size:.95rem;font-weight:700;line-height:1.4;display:block}.skill-list{gap:.9rem;display:grid}.skill-item{color:var(--text);align-items:center;gap:.75rem;font-size:.98rem;display:flex}.skill-item:before{content:"";background:var(--accent-strong);border-radius:50%;width:8px;height:8px}.skill-header-icons{gap:.5rem;display:flex}.skill-item{color:var(--muted)}.skill-item:before{content:"•";color:var(--accent-strong)}.timeline{max-width:820px;margin:0 auto;padding-left:1.25rem;position:relative}.timeline:before{content:"";background:linear-gradient(#7e6bffe6,#0000);width:3px;position:absolute;top:0;bottom:0;left:.5rem}.timeline-item:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:50%;width:14px;height:14px;position:absolute;top:.8rem;left:0;box-shadow:0 0 0 6px #7e6bff1f}.timeline-content:hover{transform:translateY(-4px)}.timeline-item{margin-bottom:3rem;padding-left:4rem;position:relative}.timeline-dot{background:var(--bg);border:3px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:.4rem;left:18px}.timeline-content{border-radius:28px;padding:1.8rem;transition:transform .3s,border-color .3s}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.timeline-company{color:var(--muted);align-items:center;gap:.45rem;font-size:.95rem;display:inline-flex}.timeline-date{color:var(--muted);border-radius:999px;padding:.35rem .85rem;font-size:.9rem}.timeline-tags,.project-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.tag{color:var(--text);border-radius:999px;padding:.4rem .85rem;font-size:.86rem}.project-card,.project-card-link{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;height:100%;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.project-card-link{text-decoration:none}.project-card:hover,.project-card-link:hover{border-color:#7e6bff59;transform:translateY(-5px);box-shadow:0 16px 48px #7e6bff1f}.project-card-image{flex-shrink:0;width:100%;height:220px;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-img,.project-card-link:hover .project-img{transform:scale(1.05)}.project-info{flex-direction:column;flex:1;gap:0;padding:1.25rem 1.5rem 1.5rem;display:flex}.project-info p{color:#9ba3b3;-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;margin:.5rem 0 0;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}.contact-container{max-width:700px;margin:0 auto}.contact-form{border-radius:32px;gap:1.5rem;padding:2rem;display:grid}.form-group{gap:.75rem;display:grid}.form-group label{color:var(--text);font-size:.95rem;font-weight:600}.form-control{color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;width:100%;padding:1rem 1.1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:#7e6bff99;outline:none;box-shadow:0 0 0 4px #7e6bff1a}textarea.form-control{resize:vertical;min-height:180px}.submit-btn{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.4rem;font-weight:700;transition:transform .2s;display:inline-flex}.submit-btn:hover{transform:translateY(-2px)}.site-footer{text-align:center;justify-items:center;gap:1rem;width:min(1120px,100% - 2rem);margin:0 auto;padding:3rem 0 5rem;display:grid}.footer-copy p,.footer-note{color:var(--muted);margin:0}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-links a{color:var(--text);font-weight:600}.link-accent{color:var(--accent-strong)}.three-scene canvas{display:block;width:100%!important;height:100%!important}.background-animation{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.background-animation .bg-icon{color:var(--accent-strong);opacity:.08;animation:32s ease-in-out infinite float;position:absolute}.background-animation .bg-icon-1{animation-duration:28s;top:5%;left:12%}.background-animation .bg-icon-2{animation-duration:34s;top:25%;left:78%}.background-animation .bg-icon-3{animation-duration:30s;top:70%;left:20%}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-26px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}@media (max-width:1024px){.hero-grid,.about-content{grid-template-columns:1fr}.hero-visual-panel{min-height:420px}.section-surface{padding:3.5rem 1.5rem 3rem}}@media (max-width:768px){.site-header{border-radius:24px;flex-wrap:wrap;justify-content:space-between;width:calc(100% - 1.5rem);padding:1rem;position:fixed}.header-nav{display:none}.mobile-menu-toggle{order:3;justify-content:center;align-items:center;display:flex}.header-nav-mobile{border-radius:24px;order:4;width:calc(100% - 1.5rem);margin:.5rem 0 0;display:none;left:50%;transform:translate(-50%)}.header-nav-mobile.open{display:flex}.hero{padding-top:8rem;padding-left:1.5rem;padding-right:1.5rem}.hero-top-bar{gap:.5rem;width:100%;margin-bottom:1.5rem;display:grid;position:static}.hero-top-right{flex-flow:wrap;gap:.75rem}.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-visual-panel{max-width:100%;height:auto;min-height:420px}.hero-title-block{align-items:flex-start}.hero-panel{padding:1.5rem}.project-search-bar{width:100%}.project-filters{justify-content:center}.project-controls{gap:1rem}}@media (max-width:520px){.site-header{width:calc(100% - 1rem);padding:.9rem 1rem;top:.8rem;left:50%;transform:translate(-50%)}.header-nav-mobile{width:calc(100% - 1rem)!important}.hero{padding-top:7rem;padding-left:1rem;padding-right:1rem}.hero-grid{gap:1.25rem}.hero-visual-panel{min-height:360px}.hero-title{font-size:clamp(2.4rem,8vw,3rem)}.hero-title-script,.hero-title-strong{font-size:clamp(2.2rem,10vw,3.6rem)}.project-search-bar{width:100%}.project-filters{justify-content:center}.project-card{min-height:auto}}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:0;display:flex}.project-details-btn{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.project-details-btn:hover{opacity:.9;color:#fff;transform:translateY(-2px)}.project-live-btn{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;align-items:center;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.project-live-btn:hover{color:var(--accent);border-color:var(--accent)}.project-detail-back{z-index:100;position:fixed;top:1.5rem;left:2rem}.back-link{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);color:var(--muted);background:#070a14d9;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.back-link:hover{color:var(--text);border-color:var(--accent)}.project-detail-page{max-width:1100px;margin:0 auto;padding:6rem 1.5rem 4rem}.project-detail-hero{border:1px solid var(--border);border-radius:24px;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 24px 80px #0006}.project-detail-img{object-fit:cover;width:100%;height:auto;display:block}.project-detail-body{padding:0 .5rem}.project-detail-header{margin-bottom:1.75rem}.project-detail-title{letter-spacing:-.03em;color:var(--text);margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15}.project-detail-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.project-action-btn{border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.project-action-btn:hover{opacity:.9;transform:translateY(-2px)}.project-action-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.project-action-primary:hover{color:#fff}.project-action-secondary{border:1px solid var(--border);color:var(--text);background:0 0}.project-action-secondary:hover{border-color:var(--accent);color:var(--accent)}.project-detail-grid{grid-template-columns:1fr 320px;align-items:start;gap:2.5rem;display:grid}.project-detail-section{margin-bottom:2.5rem}.project-detail-section h2{color:var(--text);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.2rem;font-weight:700;display:flex}.section-accent{font-style:normal}.project-detail-section p{color:var(--muted);margin:0;font-size:.97rem;line-height:1.85}.detail-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.detail-list li{color:var(--muted);padding-left:1.4rem;font-size:.95rem;line-height:1.75;position:relative}.detail-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:0}.tech-stack-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.75rem;position:sticky;top:6rem}.tech-stack-card h2{color:var(--text);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.25rem;font-size:1rem;font-weight:700}.tech-stack-list{flex-direction:column;gap:.6rem;display:flex}.tech-item{background:var(--surface-soft);color:var(--text);border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.55rem .75rem;font-size:.88rem;transition:border-color .2s;display:flex}.tech-item:hover{border-color:var(--accent)}.tech-dot{background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (max-width:900px){.project-detail-grid{grid-template-columns:1fr}.tech-stack-card{position:static}.project-detail-right{order:-1}}@media (max-width:640px){.project-detail-back{top:1rem;left:1rem}.project-detail-page{padding:5rem 1rem 3rem}.project-detail-hero{border-radius:16px}.project-detail-title{font-size:1.6rem}}.galaxy-footer{background:radial-gradient(at 50% 0,#7e6bff2e 0%,#0000 60%),radial-gradient(at 20% 80%,#4ee0ff1a 0%,#0000 50%),radial-gradient(at 80% 60%,#7e6bff1a 0%,#0000 45%),linear-gradient(#08091a 0%,#03040e 100%);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:340px;display:flex;position:relative;overflow:hidden}.galaxy-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.galaxy-footer:before{content:"";background:linear-gradient(to bottom, var(--bg) 0%, transparent 100%);pointer-events:none;z-index:1;height:100px;position:absolute;top:0;left:0;right:0}.galaxy-horizon{z-index:2;filter:blur(.5px);background:linear-gradient(90deg,#0000 0%,#4ee0ff14 10%,#7e6bff40 30%,#4ee0ff73 50%,#7e6bff40 70%,#4ee0ff14 90%,#0000 100%);height:1px;position:absolute;bottom:200px;left:0;right:0}.galaxy-horizon:after{content:"";filter:blur(4px);background:radial-gradient(#4ee0ff1f 0%,#0000 100%);height:12px;position:absolute;top:-6px;left:15%;right:15%}.galaxy-meadow{z-index:3;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.meadow-svg{filter:drop-shadow(0 -8px 32px #4ee0ff14);width:100%;height:auto;display:block}.galaxy-footer-inner{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:1120px;margin:0 auto;padding:3.5rem 2rem 1.8rem;display:flex;position:relative}.galaxy-brand{flex-direction:column;align-items:center;gap:.35rem;display:flex}.galaxy-brand-name{letter-spacing:.14em;color:#fff;text-shadow:0 0 24px #4ee0ff80,0 0 48px #7e6bff4d,0 2px 8px #0009;background:linear-gradient(135deg,#fff 0%,#c8e8ff 45%,#b8a0ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem)}.galaxy-brand-tagline{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.75;font-size:.78rem}.galaxy-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.2rem;display:flex}.galaxy-link{color:var(--muted);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.45rem;padding:.45rem 1.1rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.galaxy-link:hover{color:var(--accent-strong);text-shadow:0 0 12px #4ee0ff66;background:#4ee0ff0f;border-color:#4ee0ff66;transform:translateY(-2px);box-shadow:0 0 20px #4ee0ff14}.galaxy-link svg{opacity:.7;flex-shrink:0;transition:opacity .2s}.galaxy-link:hover svg{opacity:1}.galaxy-divider{opacity:.4;align-items:center;gap:8px;display:flex}.galaxy-divider-dot{background:var(--accent-strong);border-radius:50%;width:3px;height:3px}.galaxy-divider-dot:nth-child(2){background:var(--accent);transform:scale(1.4)}.galaxy-copyright{color:var(--muted);opacity:.5;letter-spacing:.06em;margin:0;font-size:.72rem}.site-footer{display:none!important}@media (max-width:640px){.galaxy-footer{min-height:300px}.galaxy-footer-inner{gap:1rem;padding:2.5rem 1.5rem 1.5rem}.galaxy-links{gap:.4rem .8rem}.galaxy-link{padding:.4rem .9rem;font-size:.78rem}}.cert-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.cert-card{cursor:default;background:#ffffff06;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:1.25rem;padding:2rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.cert-card:hover,.cert-card--hovered{border-color:color-mix(in srgb, var(--cert-color) 35%, transparent);box-shadow:0 20px 60px #0000004d, 0 0 0 1px color-mix(in srgb, var(--cert-color) 20%, transparent) inset;transform:translateY(-6px)}.cert-glow{background:radial-gradient(circle, color-mix(in srgb, var(--cert-color) 14%, transparent) 0%, transparent 70%);pointer-events:none;opacity:0;border-radius:50%;width:180px;height:180px;transition:opacity .3s;position:absolute;top:-60px;right:-60px}.cert-card:hover .cert-glow,.cert-card--hovered .cert-glow{opacity:1}.cert-shimmer{background:linear-gradient(90deg, transparent, var(--cert-color), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:10%;right:10%}.cert-card:hover .cert-shimmer,.cert-card--hovered .cert-shimmer{opacity:.6}.cert-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cert-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex}.cert-card:hover .cert-icon-wrap{transform:scale(1.1)rotate(-3deg)}.cert-category{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:.35rem .85rem;font-size:.72rem;font-weight:700}.cert-body{flex-direction:column;flex:1;gap:.75rem;display:flex}.cert-title{color:var(--text);letter-spacing:-.01em;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:700;line-height:1.45}.cert-meta{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cert-issuer,.cert-date{color:var(--muted);align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.cert-issuer svg,.cert-date svg{opacity:.65;flex-shrink:0}.cert-dot{color:var(--muted);opacity:.4}.cert-id{color:var(--muted);opacity:.6;letter-spacing:.05em;font-family:Courier New,Courier,monospace;font-size:.75rem}.cert-id span{opacity:.7}.cert-skills{flex-wrap:wrap;gap:.45rem;margin-top:.25rem;display:flex}.cert-skill-tag{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;padding:.3rem .7rem;font-size:.76rem;transition:border-color .2s,color .2s}.cert-card:hover .cert-skill-tag{border-color:color-mix(in srgb, var(--cert-color) 30%, transparent);color:var(--text)}.cert-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:1rem}.cert-btn{color:var(--cert-color);border:1px solid color-mix(in srgb, var(--cert-color) 30%, transparent);background:color-mix(in srgb, var(--cert-color) 8%, transparent);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.83rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.cert-btn:hover{background:color-mix(in srgb, var(--cert-color) 16%, transparent);border-color:color-mix(in srgb, var(--cert-color) 55%, transparent);color:var(--cert-color);transform:translate(3px)}@media (max-width:1024px){.cert-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cert-grid{grid-template-columns:1fr}.cert-card{padding:1.5rem}}