:root{--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--accent:#10b981;--accent-rgb:16, 185, 129;--accent-hover:#059669;--bg-color:#0b0f19;--card-bg:#141b27;--card-border:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--nav-bg:#0b0f19e6;--input-bg:#141b27;--input-border:#ffffff14;--scrollbar-track:#0b0f19;--scrollbar-thumb:#ffffff1a;--shadow-color:#0000004d}[data-theme=light]{--bg-color:#f8fafc;--card-bg:#fff;--card-border:#0000000f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--nav-bg:#f8fafce6;--input-bg:#fff;--input-border:#00000014;--scrollbar-track:#f8fafc;--scrollbar-thumb:#0000001a;--shadow-color:#0f172a0d}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,color .2s}html,body{width:100%;height:100%;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);scroll-behavior:smooth;overflow-x:hidden}.portfolio-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;overflow-y:auto}.portfolio-container::-webkit-scrollbar{width:6px}.portfolio-container::-webkit-scrollbar-track{background:var(--scrollbar-track)}.portfolio-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.portfolio-container::-webkit-scrollbar-thumb:hover{background:var(--accent)}.section{scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--bg-color);box-sizing:border-box;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:32px 32px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px 40px;display:flex;position:relative}.section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#10b98105 0%,#0000 70%);position:absolute;inset:0}.section>*{z-index:1;position:relative}.frame-wrapper{border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);width:100%;max-width:1200px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 40px #00000026}h1,h2,h3,h4{font-family:var(--font-heading)}.title-large{letter-spacing:-.03em;color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.subtitle-small{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:center;margin-bottom:2.5rem;font-size:.9rem;font-weight:600}.subtitle-small span{color:var(--accent)}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 20px var(--shadow-color);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:rgba(var(--accent-rgb), .25);box-shadow:0 12px 35px #0006, 0 0 20px rgba(var(--accent-rgb), .03);transform:translateY(-4px)}.btn-primary{background-color:var(--accent);color:#0b0f19;font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 14px rgba(var(--accent-rgb), .25);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 26px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 6px 20px rgba(var(--accent-rgb), .4);transform:translateY(-2px)scale(1.02)}.btn-icon{border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon:hover{color:var(--accent);border-color:var(--accent);background-color:rgba(var(--accent-rgb), .08);box-shadow:0 4px 12px rgba(var(--accent-rgb), .15);transform:translateY(-2px)scale(1.05)}.form-group{width:100%;margin-bottom:16px}.form-input{background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:8px;outline:none;padding:14px;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}textarea.form-input{resize:vertical;min-height:120px}.bounce-arrow{cursor:pointer;color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2);background-color:#0003;border-radius:50%;justify-content:center;align-items:center;margin-top:2rem;padding:12px;transition:all .2s;animation:2s infinite bounce;display:flex}.bounce-arrow:hover{background-color:var(--accent);color:#000;transform:scale(1.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.typing-cursor:after{content:"|";animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeInUp}.footer-container{z-index:1000;pointer-events:none;width:calc(100% - 40px);max-width:1120px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.footer-content{justify-content:space-between;align-items:center;width:100%;display:flex}.footer-left span{font-family:var(--font-body);color:var(--text-muted);pointer-events:auto;font-size:.75rem}.footer-right{pointer-events:auto;gap:16px;display:flex}.footer-right a{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.footer-right a:hover{color:var(--accent);transform:translateY(-1px)}@media (width<=768px){.footer-container{border-top:1px solid var(--card-border);background-color:var(--bg-color);pointer-events:auto;width:100%;max-width:none;margin-top:40px;padding:24px 20px;position:relative;bottom:auto;left:auto;transform:none}.footer-content{flex-direction:column;gap:12px}}.contacts-container{flex-direction:column;width:100%;max-width:1120px;display:flex}.contacts-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:32px;margin-top:2rem;display:grid}.contact-info-card,.contact-form-card{text-align:left;flex-direction:column;gap:20px;display:flex}.contact-info-card h3,.contact-form-card h3{border-bottom:1px solid var(--card-border);margin-bottom:8px;padding-bottom:12px;font-size:1.4rem;font-weight:700}.contact-details-list{flex-direction:column;gap:20px;display:flex}.contact-info-item{align-items:center;gap:16px;display:flex}.contact-info-item .icon-wrapper{background-color:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .2);width:42px;height:42px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-item .label{color:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:600;display:block}.contact-info-item .value{color:var(--text-primary);word-break:break-all;font-size:.95rem;font-weight:500;text-decoration:none}.contact-info-item a.value:hover{color:var(--accent);text-decoration:underline}.social-links-area{border-top:1px solid var(--card-border);margin-top:12px;padding-top:20px}.social-links-area h4{margin-bottom:12px;font-size:1rem}.social-links-row{gap:12px;display:flex}.contact-form{flex-direction:column;gap:16px;display:flex}.form-submit-btn{align-self:flex-start;width:auto}.success-toast{color:#34d399;background-color:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.success-icon{color:#10b981;flex-shrink:0}@media (width<=768px){.contacts-grid{grid-template-columns:1fr;gap:24px}.form-submit-btn{justify-content:center;width:100%}}.projects-container{flex-direction:column;width:100%;max-width:1120px;display:flex}.projects-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1rem;margin-bottom:2.5rem;display:flex}.tab-btn{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;border-radius:30px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{border-color:rgba(var(--accent-rgb), .3);color:var(--text-primary);transform:translateY(-1px)}.tab-btn.active{background-color:rgba(var(--accent-rgb), .1);color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb), .15)}.projects-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:32px;display:grid}.project-card{text-align:left;flex-direction:column;padding:0;display:flex;overflow:hidden}.project-mockup{border-bottom:1px solid var(--card-border);background-color:#00000040;justify-content:center;align-items:center;height:200px;padding:20px;display:flex;position:relative;overflow:hidden}.mockup-web{background-color:#1e293b;border:1px solid #ffffff1a;border-radius:8px 8px 0 0;flex-direction:column;width:90%;max-width:320px;height:150px;display:flex;position:absolute;bottom:0;box-shadow:0 5px 15px #00000080}.browser-header{background-color:#0f172a;border-bottom:1px solid #ffffff0d;align-items:center;gap:4px;height:20px;padding-left:8px;display:flex}.browser-header span{background-color:#ef4444;border-radius:50%;width:6px;height:6px}.browser-header span:nth-child(2){background-color:#eab308}.browser-header span:nth-child(3){background-color:#22c55e}.browser-body{flex-direction:column;flex-grow:1;gap:8px;padding:10px;display:flex}.body-banner{background-color:var(--accent);opacity:.15;border-radius:4px;height:30px}.body-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.body-grid div{background-color:#ffffff0d;border-radius:4px;height:40px}.mockup-phone{background-color:#1e293b;border:3px solid #334155;border-radius:16px;justify-content:center;width:100px;height:180px;display:flex;position:absolute;bottom:-10px;box-shadow:0 5px 15px #00000080}.phone-screen{flex-direction:column;gap:8px;width:100%;height:100%;padding:8px;display:flex}.screen-header{background-color:#334155;border-radius:10px;align-self:center;width:30px;height:6px}.screen-body{flex-direction:column;flex-grow:1;gap:6px;display:flex}.body-bar{background-color:var(--accent);opacity:.15;border-radius:4px;height:25px}.body-circle{background-color:#ffffff0d;border-radius:50%;align-self:center;width:30px;height:30px}.body-list{flex-direction:column;gap:4px;display:flex}.body-list div{background-color:#ffffff0d;border-radius:2px;height:8px}.mockup-hardware{background-color:#065f46;border:2px solid #047857;border-radius:8px;width:160px;height:110px;position:relative;box-shadow:0 5px 15px #00000080}.board{width:100%;height:100%;padding:8px;position:relative}.chip{background-color:#1e293b;border:1px solid #475569;border-radius:4px;width:35px;height:35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chip:after{content:"SOC";color:#64748b;font-family:monospace;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pins{background-color:#b45309;background-image:repeating-linear-gradient(90deg,#0000,#0000 4px,#f59e0b 4px 8px);width:100%;height:4px;position:absolute;bottom:8px;left:0}.led-green,.led-blue{border-radius:50%;width:5px;height:5px;position:absolute;top:8px}.led-green{background-color:#10b981;right:8px;box-shadow:0 0 8px #10b981}.led-blue{background-color:#3b82f6;right:18px;box-shadow:0 0 8px #3b82f6}.mockup-layered{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.screenshot-img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.project-card:hover .screenshot-img{transform:scale(1.04)}.mockup-layered .mockup-web{z-index:1;opacity:.85;width:70%;max-width:320px;height:140px;transition:transform .3s,z-index .3s,opacity .3s;position:absolute;bottom:0}.mockup-layered .mockup-phone-left{z-index:2;border-width:2px;width:75px;height:140px;transition:transform .3s,z-index .3s;position:absolute;bottom:-15px;left:24px}.mockup-layered .mockup-phone-right{z-index:2;border-width:2px;width:75px;height:140px;transition:transform .3s,z-index .3s;position:absolute;bottom:-15px;right:24px}.mockup-layered .mockup-phone-left .phone-screen,.mockup-layered .mockup-phone-right .phone-screen{border-radius:12px;padding:0;overflow:hidden}.mockup-layered .mockup-web:hover{z-index:5;opacity:1;transform:scale(1.06)translateY(-5px);box-shadow:0 10px 25px #0009}.mockup-layered .mockup-phone-left:hover{z-index:5;transform:scale(1.1)translateY(-10px)rotate(-2deg);box-shadow:0 10px 25px #0009}.mockup-layered .mockup-phone-right:hover{z-index:5;transform:scale(1.1)translateY(-10px)rotate(2deg);box-shadow:0 10px 25px #0009}.mockup-layered .mockup-camera-feed{z-index:2;background-color:#0b0f19;border:1.5px solid #ef444466;border-radius:8px;flex-direction:column;width:130px;height:90px;font-family:monospace;transition:transform .3s,border-color .3s,z-index .3s;display:flex;position:absolute;bottom:-15px;left:20px;overflow:hidden;box-shadow:0 8px 25px #0009}.mockup-layered .mockup-camera-feed:hover{z-index:5;border-color:#ef4444e6;transform:scale(1.1)translateY(-8px)rotate(-1deg);box-shadow:0 10px 25px #0009}.camera-header{color:#ef4444;background-color:#ef44441a;border-bottom:1px solid #ef444426;align-items:center;gap:3px;padding:4px 6px;font-size:6px;font-weight:700;display:flex}.camera-dot{background-color:#ef4444;border-radius:50%;width:4px;height:4px;animation:1s infinite blink}.camera-screen{background:radial-gradient(circle,#10b9811f 0%,#0b0f19f2 100%);flex-grow:1;justify-content:center;align-items:center;padding:6px;display:flex;position:relative}.camera-plate-box{background-color:#10b9811f;border:1px solid #10b981;border-radius:3px;flex-direction:column;align-items:center;padding:4px 6px;display:flex;box-shadow:0 0 8px #10b98133}.plate-text{color:#fff;letter-spacing:.3px;font-size:9px;font-weight:800;line-height:1}.confidence-text{color:#10b981;margin-top:2px;font-size:5px;font-weight:700;line-height:1}.camera-status-indicator{color:#0b0f19;letter-spacing:.3px;background-color:#10b981;border-radius:2px;padding:1px 3px;font-size:5px;font-weight:800;line-height:1;position:absolute;bottom:4px;right:6px}.mockup-layered-desktop{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.mockup-layered-desktop .mockup-desktop-main{z-index:1;opacity:.85;width:70%;max-width:320px;height:140px;transition:transform .3s,z-index .3s,opacity .3s;position:absolute;bottom:0}.mockup-layered-desktop .mockup-desktop-left{z-index:2;background-color:#1e293b;border:1px solid #ffffff1a;border-radius:8px;width:130px;height:100px;transition:transform .3s,z-index .3s;position:absolute;bottom:-10px;left:10px;overflow:hidden;box-shadow:0 5px 15px #00000080}.mockup-layered-desktop .mockup-desktop-right{z-index:3;background-color:#1e293b;border:1px solid #ffffff1a;border-radius:8px;width:130px;height:100px;transition:transform .3s,z-index .3s;position:absolute;bottom:-10px;right:10px;overflow:hidden;box-shadow:0 5px 15px #00000080}.mockup-layered-desktop .mockup-desktop-main:hover{z-index:5;opacity:1;transform:scale(1.06)translateY(-5px);box-shadow:0 10px 25px #0009}.mockup-layered-desktop .mockup-desktop-left:hover{z-index:5;transform:scale(1.1)translateY(-10px)rotate(-1deg);box-shadow:0 10px 25px #0009}.mockup-layered-desktop .mockup-desktop-right:hover{z-index:5;transform:scale(1.1)translateY(-10px)rotate(1deg);box-shadow:0 10px 25px #0009}.project-details{flex-direction:column;flex-grow:1;gap:12px;padding:24px;display:flex}.project-meta{justify-content:space-between;align-items:center;display:flex}.project-year{font-family:var(--font-heading);color:var(--accent);font-size:.8rem;font-weight:700}.project-cat{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.project-title{color:var(--text-primary);font-size:1.35rem;font-weight:700}.project-role{color:var(--accent);margin-top:-6px;font-size:.85rem;font-weight:600}.project-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.project-highlights{flex-direction:column;gap:6px;margin:6px 0;display:flex}.highlight-bullet{color:var(--text-secondary);gap:6px;font-size:.85rem;display:flex}.highlight-bullet span{color:var(--accent);font-weight:700}.project-tech-stack{border-top:1px solid var(--card-border);flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;display:flex}.tech-badge{border:1px solid var(--card-border);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-heading);background-color:#ffffff0d;border-radius:4px;padding:4px 8px;font-weight:500}[data-theme=light] .tech-badge{background-color:#00000008}@media (width<=900px){.projects-grid{grid-template-columns:1fr}}.skills-container{flex-direction:column;width:100%;max-width:1120px;display:flex}.skills-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;margin-top:2rem;display:grid}.skill-category-card{text-align:left;flex-direction:column;gap:20px;display:flex}.category-header{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding-bottom:12px;display:flex}.category-header h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.category-icon{color:var(--accent)}.skills-list{flex-direction:column;gap:10px;display:flex}.skill-tag{background-color:rgba(var(--accent-rgb), .03);border:1px solid var(--card-border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.skill-tag:hover{background-color:rgba(var(--accent-rgb), .05);border-color:rgba(var(--accent-rgb), .2)}.skill-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.skill-level{color:var(--accent);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.personal-traits{text-align:left;margin-top:32px}.traits-header{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.traits-header h3{font-size:1.25rem;font-weight:700}.traits-icon{color:var(--accent)}.traits-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.trait-item{border-left:2px solid rgba(var(--accent-rgb), .2);flex-direction:column;gap:8px;padding-left:16px;display:flex;position:relative}.trait-number{font-family:var(--font-heading);color:var(--accent);font-size:.85rem;font-weight:700}.trait-item h4{color:var(--text-primary);font-size:1.1rem;font-weight:700}.trait-item p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@media (width<=992px){.skills-grid{grid-template-columns:1fr 1fr}.traits-grid{grid-template-columns:1fr;gap:16px}}@media (width<=768px){.skills-grid{grid-template-columns:1fr}}.about-container{flex-direction:column;width:100%;max-width:1120px;display:flex}.about-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:32px;margin-top:2rem;display:grid}.bio-card{text-align:left;flex-direction:column;gap:20px;display:flex}.bio-header{border-bottom:1px solid var(--card-border);align-items:center;gap:16px;padding-bottom:20px;display:flex}.avatar-placeholder{background-color:rgba(var(--accent-rgb), .1);border:2px dashed var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.avatar-icon{color:var(--accent)}.bio-name{color:var(--text-primary);font-size:1.5rem;font-weight:700}.bio-nim{color:var(--accent);font-size:.9rem;font-family:var(--font-heading);font-weight:600}.bio-content{flex-direction:column;gap:16px;display:flex}.bio-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.bio-details{flex-direction:column;gap:10px;margin:8px 0;display:flex}.detail-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.95rem;display:flex}.bio-interests h4{color:var(--text-primary);margin-bottom:8px;font-size:1rem}.interest-tags{flex-wrap:wrap;gap:8px;display:flex}.interest-tags .tag{background-color:rgba(var(--accent-rgb), .1);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.bio-readiness{border:1px solid var(--card-border);background-color:#00000026;border-radius:12px;padding:16px}.bio-readiness h5{color:var(--accent);margin-bottom:4px;font-size:.9rem;font-weight:700}.bio-readiness p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.timeline-container{text-align:left;flex-direction:column;display:flex}.timeline-title{color:var(--text-primary);margin-bottom:24px;font-size:1.5rem;font-weight:700}.timeline-items{border-left:2px dashed var(--card-border);flex-direction:column;gap:24px;margin-left:12px;padding-left:24px;display:flex;position:relative}.timeline-item{position:relative}.timeline-badge{background-color:var(--bg-color);border:2px solid var(--accent);width:26px;height:26px;color:var(--accent);z-index:1;box-shadow:0 0 10px rgba(var(--accent-rgb), .15);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16px;left:-37px}.timeline-item:hover .timeline-badge{background-color:var(--accent);color:#0b0f19;box-shadow:0 0 15px rgba(var(--accent-rgb), .4)}.timeline-content{text-align:left;padding:20px}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.timeline-date{color:var(--text-muted);align-items:center;font-size:.8rem;display:flex}.timeline-tag{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.timeline-tag.education{color:#60a5fa;background-color:#3b82f61a;border:1px solid #3b82f633}.timeline-tag.project{color:#34d399;background-color:#10b9811a;border:1px solid #10b98133}.timeline-item-title{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.timeline-item-subtitle{color:var(--accent);margin-bottom:8px;font-size:.9rem;font-weight:600}.timeline-item-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:24px}}.hero-section{text-align:center;gap:1.5rem;padding-top:140px}.hero-content{flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;display:flex}.hero-greeting{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:1.25rem;font-weight:600}.hero-name{color:var(--text-primary);letter-spacing:-1.5px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-subtitle{font-family:var(--font-heading);color:var(--accent);margin-bottom:.5rem;font-size:clamp(1.2rem,3vw,2.2rem);font-weight:700}.hero-description{color:var(--text-secondary);max-width:650px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.hero-cta-group{align-items:center;gap:16px;margin-top:1rem;display:flex}.navbar-header{z-index:1000;background:var(--nav-bg);border:1px solid var(--card-border);width:calc(100% - 40px);max-width:1120px;box-shadow:0 4px 20px var(--shadow-color);-webkit-backdrop-filter:blur(12px);border-radius:50px;padding:12px 24px;transition:border-color .2s;position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar-header:hover{border-color:rgba(var(--accent-rgb), .25)}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;font-size:1.35rem;font-weight:800;text-decoration:none}.navbar-logo span{color:var(--accent)}.navbar-desktop{align-items:center;gap:24px;display:flex}.navbar-link{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;padding:4px 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--accent)}.navbar-link.active:after{content:"";background-color:var(--accent);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.navbar-mobile-controls{gap:12px;display:none}.navbar-mobile-drawer{border-top:1px solid var(--card-border);flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:none}.navbar-mobile-link{font-family:var(--font-heading);color:var(--text-secondary);border-radius:8px;padding:8px 12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--accent);background-color:rgba(var(--accent-rgb), .1)}@media (width<=768px){.navbar-header{border-radius:16px;width:95%;padding:10px 16px;top:10px}.navbar-desktop{display:none}.navbar-mobile-controls,.navbar-mobile-drawer{display:flex}.section{scroll-snap-align:none;height:auto;min-height:auto;padding-top:90px}.portfolio-container{scroll-snap-type:none;height:auto;overflow-y:visible}.frame-wrapper{box-shadow:none;border-left:none;border-right:none;min-height:auto}}.status-badge{background-color:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .15);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-self:center;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 14px;font-family:monospace;font-size:.8rem;font-weight:600;display:inline-flex}.status-dot{background-color:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .7);transform:scale(.95)}70%{box-shadow:0 0 0 6px rgba(var(--accent-rgb), 0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), 0);transform:scale(.95)}}.about-left-col{flex-direction:column;gap:20px;display:flex}.bio-title{color:var(--accent);letter-spacing:.05em;margin-bottom:16px;font-family:monospace;font-size:1rem;font-weight:700}.details-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 16px;display:grid}.details-item{border:1px solid var(--card-border);background-color:#ffffff03;border-radius:8px;flex-direction:column;gap:4px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.details-item:hover{background-color:rgba(var(--accent-rgb), .02);border-color:rgba(var(--accent-rgb), .25);transform:translateY(-1px)}.details-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:monospace;font-size:.75rem}.details-val{color:var(--text-primary);font-size:.88rem;font-weight:600}.stats-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.stat-card{text-align:center;border:1px solid var(--card-border);background:#ffffff03;border-radius:10px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:rgba(var(--accent-rgb), .25);background-color:rgba(var(--accent-rgb), .02);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.stat-number{color:var(--accent);font-size:1.8rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.75rem;font-weight:500}.skills-rows-container{text-align:left;flex-direction:column;gap:24px;width:100%;margin-top:2rem;display:flex}.skills-row-item{border-bottom:1px solid var(--card-border);grid-template-columns:200px 1fr;align-items:center;gap:24px;padding-bottom:20px;display:grid}.skills-row-item:last-child{border-bottom:none;padding-bottom:0}.skills-row-category{align-items:center;gap:10px;display:flex}.skills-row-category h3{text-transform:uppercase;color:var(--text-primary);letter-spacing:.05em;font-family:monospace;font-size:.9rem;font-weight:700}.skills-row-bullet{color:var(--accent);font-size:.7rem}.skills-row-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-row-tag{border:1px solid var(--card-border);background-color:#ffffff03;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.skill-row-tag:hover{border-color:rgba(var(--accent-rgb), .2);background-color:rgba(var(--accent-rgb), .03);transform:translateY(-1px)}.skill-row-tag-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.skill-row-tag-level{color:var(--accent);text-transform:uppercase;background-color:rgba(var(--accent-rgb), .08);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.65rem;font-weight:600}@media (width<=768px){.skills-row-item{grid-template-columns:1fr;gap:12px;padding-bottom:16px}.details-grid{grid-template-columns:1fr}}