@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatOrb1{0%,to{transform:translate(0)}50%{transform:translate(20px,40px)}}@keyframes floatOrb2{0%,to{transform:translate(0)}50%{transform:translate(-30px,-30px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(var(--accent),.07) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.orbs-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15}.orb-1{width:500px;height:500px;top:5%;left:-10%;animation:floatOrb1 25s ease-in-out infinite}.orb-2{width:400px;height:400px;bottom:10%;right:-5%;animation:floatOrb2 30s ease-in-out infinite}.typing-effect{display:inline-block}.typing-effect .cursor{display:inline-block;margin-left:2px;color:rgb(var(--accent));animation:blink 1s step-end infinite}.typing-effect .cursor.hidden{opacity:0}.typing-effect .cursor.visible{opacity:1}nav{position:fixed;top:0;width:100%;background:var(--nav-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);z-index:100}.nav-container{max-width:1100px;margin:0 auto;padding:.85rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--accent-alt)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;padding-bottom:.25rem;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--text-primary);border-bottom-color:rgb(var(--accent))}.theme-controls{display:flex;align-items:center;gap:.6rem}.hue-slider{-webkit-appearance:none;width:60px;height:5px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:3px;outline:none;cursor:pointer}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:rgb(var(--accent));border:2px solid #fff;cursor:pointer;box-shadow:0 0 6px rgba(var(--accent),.4)}.hue-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:rgb(var(--accent));border:2px solid #fff;cursor:pointer}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;cursor:pointer;font-size:.9rem;line-height:1;transition:border-color .2s}.theme-toggle:hover{border-color:rgb(var(--accent))}main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:6rem 2rem 4rem}.hero{padding:2.5rem 0;text-align:center;animation:fadeInUp .6s ease-out}.profile-frame-container{position:relative;display:inline-block;margin-bottom:1.5rem}.profile-content{position:relative;z-index:2}.shape{position:absolute;z-index:1;opacity:.2;pointer-events:none}.shape-circle-1{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--accent-alt)));top:-5px;right:5px;animation:float 7s ease-in-out infinite}.shape-ring-1{width:45px;height:45px;border-radius:50%;border:3px solid rgb(var(--accent));bottom:10px;left:-10px;animation:float 6s ease-in-out infinite 1.5s}.profile-pic{width:150px;height:150px;border-radius:50%;border:3px solid rgba(var(--accent),.3);transition:border-color .3s}.profile-pic:hover{border-color:rgba(var(--accent),.6)}.hero h1{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;animation:fadeInUp .6s ease-out .2s backwards}.highlight{background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--accent-alt)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1.3rem;color:var(--text-muted);margin-bottom:1.5rem;min-height:1.8rem;animation:fadeInUp .6s ease-out .4s backwards}.social-links{display:flex;gap:1rem;justify-content:center;animation:fadeInUp .6s ease-out .6s backwards}.social-links a{color:rgb(var(--accent));text-decoration:none;font-size:.95rem;padding:.4rem 1rem;border:1.5px solid rgba(var(--accent),.4);border-radius:6px;transition:all .2s ease;background:rgba(var(--accent),.05)}.social-links a:hover{border-color:rgb(var(--accent));background:rgba(var(--accent),.12);transform:translateY(-2px)}section{margin-bottom:3rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.revealed{opacity:1;transform:translateY(0)}h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;text-align:center;position:relative}h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,rgb(var(--accent)),rgb(var(--accent-alt)));border-radius:1px;transition:width .6s ease .3s}.revealed h2:after{width:80px}.section-divider{display:flex;align-items:center;gap:1.5rem;margin:2.5rem 0;opacity:.5}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent),.3) 50%,transparent)}.divider-icon{font-size:1.2rem;color:rgb(var(--accent))}.about{text-align:center}.about p{color:var(--text-secondary);margin-bottom:1rem;max-width:750px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:rgb(var(--accent));transform:translateY(-3px)}.skill-card h3{color:var(--text-primary);font-size:1.05rem;margin-bottom:.4rem}.skill-card:hover h3{color:rgb(var(--accent))}.skill-card p{color:var(--text-muted);font-size:1rem}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;animation:fadeInUp .4s ease-out backwards}.project-card:hover{border-color:rgb(var(--accent));transform:translateY(-3px);box-shadow:0 8px 24px rgba(var(--accent),.12)}.project-card:active{transform:scale(.98)}.project-thumbnail{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,rgba(var(--accent),.1),rgba(var(--accent-alt),.1));border-radius:10px;border:1px solid rgba(var(--accent),.15);overflow:hidden;transition:transform .2s}.project-card:hover .project-thumbnail{transform:scale(1.05)}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-emoji{font-size:2.5rem;line-height:1}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.status-badge-container{display:flex;flex-wrap:wrap;gap:.4rem}.status-badge{padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid}.status-live{background:#22c55e26;color:#22c55e;border-color:#22c55e66}.status-completed{background:#3b82f626;color:#3b82f6;border-color:#3b82f666}.status-in-progress{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b66}[data-theme=light] .status-live{color:#16a34a;border-color:#16a34a}[data-theme=light] .status-completed{color:#2563eb;border-color:#2563eb}[data-theme=light] .status-in-progress{color:#d97706;border-color:#d97706}.project-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.25rem;transition:color .2s}.project-card:hover h3{color:rgb(var(--accent))}.project-org{color:rgb(var(--accent));font-size:.9rem;margin-bottom:.75rem}.project-card>p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:1rem;flex:1}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tags span{background:rgba(var(--accent),.12);color:rgb(var(--accent));padding:.2rem .6rem;border-radius:4px;font-size:.78rem;border:1px solid rgba(var(--accent),.15);transition:transform .15s}.tech-tags span:hover{transform:scale(1.03)}.tech-tags-more{color:var(--text-muted);font-size:.78rem;font-style:italic;padding:.2rem .4rem}.project-links-section{margin-top:2.5rem}.project-links-section h2{font-size:1.3rem;border-bottom:none;padding-bottom:0;margin-bottom:.5rem}.project-links-description{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem;text-align:center}.project-links{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.project-links a{display:flex;align-items:center;gap:.5rem;color:rgb(var(--accent));text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1.25rem;border:1.5px solid rgba(var(--accent),.4);border-radius:6px;background:rgba(var(--accent),.05);transition:all .2s ease}.project-links a:hover{border-color:rgb(var(--accent));background:rgba(var(--accent),.12);transform:translateY(-2px)}.project-link-icon{display:flex;align-items:center}.project-link-label{font-size:.95rem}.back-link{display:inline-block;color:rgb(var(--accent));text-decoration:none;font-size:.95rem;margin-bottom:1rem;transition:transform .2s}.back-link:hover{transform:translate(-3px)}.project-detail-wrapper section{animation:fadeInUp .4s ease-out}.project-detail{max-width:820px;margin:0 auto}.project-detail h2{text-align:left;margin-top:3rem;margin-bottom:1rem}.project-detail h2:after{left:0;transform:none}.project-detail h2:first-of-type{margin-top:0}.project-detail p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.detail-list{list-style:none;padding:0;padding-left:1.5rem;margin-bottom:1.5rem}.detail-list li{color:var(--text-secondary);font-size:1.1rem;padding:.4rem 0 .4rem .5rem}.detail-list li:before{content:"▸ ";color:rgb(var(--accent));margin-right:.5rem}.inline-link{color:rgb(var(--accent));text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.inline-link:hover{opacity:.7}.checklist{list-style:none;padding:0;margin-bottom:1.5rem}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;margin-bottom:.4rem;border-radius:6px;background:var(--surface);transition:transform .15s}.checklist-item:hover{transform:translate(3px)}.checklist-icon{font-size:1.1rem;font-weight:700;min-width:22px;text-align:center}.checklist-text{flex:1;color:var(--text-secondary);font-size:1rem}.checklist-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid}.checklist-done .checklist-icon{color:#10b981}.checklist-done .checklist-badge{background:#10b98126;color:#10b981;border-color:#10b98166}.checklist-in-progress .checklist-icon{color:#f59e0b}.checklist-in-progress .checklist-badge{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b66}.checklist-todo .checklist-icon{color:#6b7280}.checklist-todo .checklist-badge{background:#6b728026;color:#6b7280;border-color:#6b728066}.checklist-blocked .checklist-icon{color:#ef4444}.checklist-blocked .checklist-badge{background:#ef444426;color:#ef4444;border-color:#ef444466}.arch-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.arch-item{display:flex;gap:1rem;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:border-color .2s,transform .15s}.arch-item:hover{border-color:rgba(var(--accent),.4);transform:translate(3px)}.arch-layer{color:rgb(var(--accent));font-weight:600;min-width:110px;font-size:.95rem}.arch-detail{color:var(--text-secondary);font-size:.95rem}.challenge-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;overflow:hidden;transition:box-shadow .2s}.challenge-card:has(.challenge-header.open){box-shadow:0 4px 16px #00000014}.challenge-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:1.1rem;font-weight:500;text-align:left;transition:background .15s}.challenge-header-text{flex:1;display:flex;flex-direction:column;gap:.2rem}.challenge-diamond{color:rgba(var(--accent),.3);font-size:1rem;flex-shrink:0;transition:color .5s cubic-bezier(.4,0,.2,1),text-shadow .5s cubic-bezier(.4,0,.2,1)}.challenge-diamond.active{color:rgb(var(--accent));text-shadow:0 0 8px rgba(var(--accent),.4)}.challenge-header:hover{background:#8080800f}.challenge-header.open{border-bottom:1px solid var(--border)}.challenge-context{font-size:.9rem;font-weight:400;color:var(--text-muted);line-height:1.4}.challenge-hint{font-size:.75rem;color:var(--text-muted);font-weight:400;font-style:italic;opacity:.6}.challenge-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .5s cubic-bezier(.4,0,.2,1)}.challenge-chevron.open{transform:rotate(90deg)}.challenge-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1)}.challenge-collapse.open{grid-template-rows:1fr}.challenge-collapse>.challenge-body{overflow:hidden;padding:0 1.25rem;opacity:0;transition:opacity .5s ease .2s,padding .5s cubic-bezier(.4,0,.2,1)}.challenge-collapse.open>.challenge-body{padding:1.25rem;opacity:1}.challenge-card p{margin-bottom:.5rem}.challenge-card strong{color:var(--text-primary)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:.5rem}.option-card{background:#8080800d;border:1px solid var(--border);border-radius:6px;padding:1rem}.option-name{color:var(--text-primary);font-weight:600;font-size:1rem;margin-bottom:.4rem}.pros-list,.cons-list{list-style:none;padding:0;margin:.1rem 0 .4rem .75rem}.pros-list li,.cons-list li{font-size:1rem;padding:.1rem 0}.pros-list li:before{content:"▹ ";color:#4caf50}.cons-list li:before{content:"▹ ";color:#e57373}.pros-list li{color:#4caf50}.cons-list li{color:#e57373}.chosen-box{margin-top:.75rem;padding:1rem;background:rgba(var(--accent),.04);border:1px solid rgba(var(--accent),.15);border-radius:6px}.chosen-label{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgb(var(--accent));background:rgba(var(--accent),.12);padding:.15rem .5rem;border-radius:4px;margin-bottom:.5rem}.justification-text{color:var(--text-muted);font-size:.95rem;font-style:italic;margin-top:.4rem;margin-bottom:0}.showcase{margin:1.5rem 0}.showcase-main{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.showcase-media{width:100%;height:100%;object-fit:cover}.showcase-caption{text-align:center;color:var(--text-muted);font-size:.9rem;margin-top:.75rem}.showcase-thumbnails{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center;overflow-x:auto;padding:.25rem 0}.showcase-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--surface);cursor:pointer;padding:0;transition:border-color .2s,transform .2s;flex-shrink:0}.showcase-thumb:hover{border-color:rgba(var(--accent),.5);transform:scale(1.05)}.showcase-thumb.active{border-color:rgb(var(--accent))}.showcase-thumb img{width:100%;height:100%;object-fit:cover}.showcase-thumb-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgb(var(--accent));font-size:1.5rem}.education{text-align:center}.edu-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;max-width:700px;margin:0 auto;text-align:left;transition:border-color .2s,transform .2s}.edu-card:hover{border-color:rgb(var(--accent));transform:translateY(-3px)}.edu-card h3{color:var(--text-primary);margin-bottom:.25rem}.degree{color:var(--text-secondary)}.period{color:rgb(var(--accent));font-size:.9rem;margin-bottom:.75rem}.edu-card ul{list-style:none;padding:0}.edu-card li{color:var(--text-muted);font-size:1.05rem;padding:.25rem 0}.edu-card li:before{content:"✦ ";color:rgb(var(--accent))}footer{position:relative;z-index:1;text-align:center;padding:2rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border);background:var(--bg)}.footer-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.75rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:rgb(var(--accent))}@media (max-width: 768px){.hero h1{font-size:2.2rem}.tagline{font-size:1.1rem}.skills-grid,.projects{grid-template-columns:1fr}.social-links{flex-wrap:wrap}main{padding:5rem 1.5rem 3rem}.arch-item{flex-direction:column;gap:.25rem}.arch-layer{min-width:unset}.options-grid{grid-template-columns:1fr}.project-header{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#e0e0e0;line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background .5s,color .5s}a{color:inherit}