:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-color:#faf9f6;--text-color:#333;--primary-color:#5a8af1;--accent-color:#f59e0b;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-size:.9rem;line-height:1.6}header{border-bottom:3px solid var(--text-color);box-shadow:0 4px 0px 0px var(--text-color);z-index:1000;background-color:#fff;margin-bottom:1.5rem;padding:1rem 1.5rem;position:sticky;top:0}nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.nav-links{gap:5px;display:flex}.nav-link{color:var(--text-color);border:2px solid #0000;border-radius:8px;padding:4px 10px;font-weight:700;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:var(--primary-color);color:#fff;border:2px solid var(--text-color);box-shadow:4px 4px 0px 0px var(--text-color);transform:translate(-2px,-2px)}.contact-links{gap:5px;display:flex}.contact-link{color:var(--text-color);border:2px solid #0000;border-radius:8px;padding:4px 10px;font-weight:700;text-decoration:none;transition:all .2s}.contact-link:hover{background-color:var(--primary-color);color:#fff;border:2px solid var(--text-color);box-shadow:4px 4px 0px 0px var(--text-color);transform:translate(-2px,-2px)}nav i{vertical-align:middle;font-size:1rem}.hamburger-btn{border:2px solid var(--text-color);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:6px;transition:all .2s;display:none}.hamburger-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.hamburger-btn:hover .hamburger-bar{background-color:#fff}.hamburger-bar{background-color:var(--text-color);transform-origin:50%;border-radius:2px;width:20px;height:2.5px;transition:transform .25s,opacity .25s;display:block}.hamburger-btn.open .hamburger-bar:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger-btn.open .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-bar:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobile-menu{opacity:0;background-color:#fff;border-top:2px solid #eee;flex-direction:column;gap:4px;max-height:0;padding:.75rem 1rem 1rem;transition:max-height .3s,opacity .25s,padding .3s;display:none;overflow:hidden}.mobile-menu.open{opacity:1;max-height:500px}.mobile-nav-link{color:var(--text-color);border:2px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background-color:var(--primary-color);color:#fff;border-color:var(--text-color);box-shadow:3px 3px 0px 0px var(--text-color);transform:translate(-1px,-1px)}.mobile-menu-divider{background-color:#eee;border-radius:2px;height:2px;margin:4px 0}@media (width<=768px){header{margin-bottom:0;padding:.5rem 5rem 0}nav{justify-content:space-between}.nav-links{gap:2px;display:flex}.nav-links .nav-link{padding:4px 10px;font-size:0}.nav-links .nav-link i{font-size:1.05rem}.contact-links{display:none}.hamburger-btn,.mobile-menu{display:flex}}main{max-width:850px;margin:auto;padding:.75rem}#bio{flex-direction:column;gap:2rem;padding:2rem 0;display:flex}.bio-hero{border:3px solid var(--text-color);border-top:6px solid var(--primary-color);box-shadow:6px 6px 0px 0px var(--text-color);background:linear-gradient(135deg,#fff 0%,#eef4ff 100%);border-radius:12px;align-items:flex-start;gap:2.5rem;padding:2rem 2.5rem;display:flex}.hero-pic-wrapper{flex-shrink:0;position:relative}.hero-pic-wrapper:before{content:"";background-color:var(--primary-color);z-index:0;border-radius:12px;width:100%;height:100%;position:absolute;top:10px;left:10px}.profile-pic{z-index:1;object-fit:cover;border:3px solid #000;border-radius:12px;width:250px;height:300px;display:block;position:relative}.bio-hero-text{flex:1;min-width:0}.bio-hero-text h1{text-transform:uppercase;color:var(--text-color);letter-spacing:-1px;margin:0 0 .5rem;font-family:Dela Gothic One,sans-serif;font-size:4rem;line-height:.92}.role-strip{color:#555;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.9rem 0 .8rem;font-size:.95rem;font-weight:700;display:flex}.role-dot{color:var(--accent-color);font-size:1.3rem;line-height:1}.tagline-highlight{color:var(--primary-color)}.hero-about{color:#666;max-width:520px;margin:0 0 1.25rem;font-size:.9rem;line-height:1.6}.hero-stats{flex-wrap:wrap;gap:.6rem;display:flex}.stat-chip{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--primary-color);box-shadow:2px 2px 0px 0px var(--accent-color);border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:700}.hero-cta{flex-wrap:wrap;gap:1rem;margin-top:1.75rem;display:flex}.hero-btn{border:2px solid var(--text-color);border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:4px 4px 0px 0px var(--text-color)}.hero-btn-primary:hover{box-shadow:6px 6px 0px 0px var(--text-color);transform:translate(-2px,-2px)}.hero-btn-secondary{color:var(--text-color);box-shadow:4px 4px 0px 0px var(--text-color);background-color:#fff}.hero-btn-secondary:hover{box-shadow:6px 6px 0px 0px var(--text-color);transform:translate(-2px,-2px)}.bio-cards{flex-direction:column;gap:1.25rem;display:flex}.bio-card{border:3px solid var(--text-color);border-left:6px solid var(--primary-color);box-shadow:5px 5px 0px 0px var(--text-color);background-color:#fff;border-radius:12px;padding:1rem 1.5rem;transition:transform .2s,box-shadow .2s}.bio-card:hover{box-shadow:10px 10px 0px 0px var(--text-color);transform:translate(-4px,-4px)}.bio-card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.bio-card-header i{color:var(--primary-color);text-align:center;width:28px;font-size:1.4rem}.bio-card-header h3{text-transform:uppercase;color:var(--text-color);margin:0;font-size:1.2rem;font-weight:800}.bio-card p{color:var(--text-color);margin:0;font-size:1rem;font-weight:500;line-height:1.7}.fun-section{border:3px solid var(--text-color);box-shadow:6px 6px 0px 0px var(--text-color);background-color:#fff;border-radius:12px;padding:1.75rem 2rem}.fun-section h3{text-transform:uppercase;color:var(--text-color);margin:0 0 .4rem;font-size:1.2rem;font-weight:800}.fun-intro{color:#666;margin:0 0 1.25rem;font-size:.95rem;font-weight:500}.fun-grid{flex-wrap:wrap;gap:12px;display:flex}.fun-item{background-color:var(--bg-color);border:2px solid var(--text-color);box-shadow:3px 3px 0px 0px var(--text-color);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.fun-item:hover{box-shadow:5px 5px 0px 0px var(--text-color);transform:translate(-2px,-2px)}.fun-emoji{font-size:1.2rem}.content-section{border-top:4px solid var(--text-color);padding:2.5rem 0;scroll-margin-top:30px}.content-section h2{text-align:center;color:var(--text-color);text-transform:uppercase;margin-bottom:2rem;font-size:2rem;font-weight:900;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.content-section h2:after{content:"";background-color:var(--accent-color);height:5px;box-shadow:3px 3px 0px 0px var(--text-color);border-radius:2px;margin-top:4px;display:block}.experience-item{border:3px solid var(--text-color);box-shadow:6px 6px 0px 0px var(--text-color);z-index:2;background-color:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem;position:relative}.education-item{border:3px solid var(--text-color);box-shadow:6px 6px 0px 0px var(--text-color);background-color:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem;transition:transform .2s,box-shadow .2s}.education-item:hover{box-shadow:10px 10px 0px 0px var(--text-color);transform:translate(-4px,-4px)}.edu-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.edu-header-left{flex:1;min-width:0}.education-item h3{color:var(--text-color);margin:0 0 .3rem;font-size:1.3rem;font-weight:800}.edu-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.edu-degree{color:var(--primary-color);font-size:.92rem;font-weight:700}.edu-date{color:#888;font-size:.85rem;font-style:italic}.edu-gpa-badge{background-color:var(--accent-color);color:var(--text-color);border:2px solid var(--text-color);box-shadow:3px 3px 0px 0px var(--text-color);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:1rem;font-weight:900}.edu-section-label{text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin:.8rem 0 .4rem;font-size:.7rem;font-weight:800}.edu-awards,.edu-coursework{flex-wrap:wrap;gap:6px;display:flex}.edu-award-badge{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--primary-color);box-shadow:2px 2px 0px 0px var(--accent-color);border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:700}.edu-course-tag{background-color:var(--bg-color);color:#666;border:2px solid #ccc;border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:600}#experience-container{flex-direction:column;gap:1.5rem;padding:.5rem 0;display:flex}#experience-container .experience-item{width:100%;margin:0;transition:all .3s}.experience-header{color:var(--text-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin:-.5rem;padding:.5rem;transition:background-color .2s;display:flex}.experience-header:hover{background-color:#f5f5f5}.exp-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.exp-chevron{font-size:1.2rem;transition:transform .3s}.experience-item.open .exp-chevron{transform:rotate(-180deg)}.exp-title-group{flex-direction:column;gap:2px;display:flex}.exp-title{font-size:1.3rem;font-weight:800;line-height:1.2}.exp-company{color:var(--primary-color);font-size:.95rem;font-weight:700}.exp-date{color:#666;font-size:.9rem}.exp-body{border-top:2px dashed #ddd;margin-top:1.5rem;padding-top:1.5rem}.exp-left{align-items:center;gap:12px;display:flex}.experience-logo{width:48px;height:48px;color:var(--text-color);border:2px solid var(--text-color);background-color:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:28px;display:inline-flex}.experience-logo img{object-fit:contain;border-radius:6px;width:100%;height:100%}.experience-item h3{color:var(--text-color);margin-top:0;margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.experience-item p,.education-item p{color:var(--text-color);margin:.5rem 0;font-weight:500}.exp-skills{flex-wrap:wrap;gap:6px;margin-top:.75rem;display:flex}.exp-skill-badge{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--primary-color);box-shadow:2px 2px 0px 0px var(--accent-color);border-radius:6px;padding:3px 12px;font-size:.8rem;font-weight:700}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width<=900px){.projects-grid{grid-template-columns:1fr}}.project-card{border:3px solid var(--text-color);box-shadow:6px 6px 0px 0px var(--text-color);background-color:#fff;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:10px 10px 0px 0px var(--text-color);transform:translate(-4px,-4px)}.project-screenshot{border-bottom:3px solid var(--text-color);background-color:var(--bg-color);width:100%;height:200px;position:relative;overflow:hidden}.project-screenshot img{object-fit:cover;width:100%;height:100%;display:block}.project-screenshot-placeholder{background:linear-gradient(135deg, var(--bg-color) 0%, #e8f0fe 100%);width:100%;height:100%;color:var(--primary-color);opacity:.35;letter-spacing:2px;justify-content:center;align-items:center;font-family:Dela Gothic One,sans-serif;font-size:3.5rem;display:flex}.project-body{flex-direction:column;flex:1;gap:.85rem;padding:1.5rem 1.75rem;display:flex}.project-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-card h3{color:var(--text-color);margin:0;font-size:1.35rem;font-weight:800;line-height:1.3}.project-links{flex-shrink:0;gap:8px;display:flex}.project-github-link{color:var(--text-color);border:2px solid #0000;border-radius:8px;padding:4px 6px;font-size:1.4rem;text-decoration:none;transition:all .2s}.project-github-link:hover{background-color:var(--text-color);color:#fff;border-color:var(--text-color);transform:translate(-2px,-2px)}.project-card p{color:var(--text-color);margin:0;font-size:.9rem;font-weight:500;line-height:1.6}.project-badges{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:.5rem;display:flex}.project-badge{background-color:var(--primary-color);color:#fff;border:2px solid var(--text-color);box-shadow:2px 2px 0px 0px var(--text-color);border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:700}.skills-grid{flex-direction:column;gap:0;display:flex}.skills-tabs{flex-wrap:wrap;gap:8px;margin-bottom:1.25rem;display:flex}.skill-tab{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--text-color);cursor:pointer;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .15s}.skill-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.skill-tab.active{background-color:var(--primary-color);color:#fff;border-color:var(--text-color);box-shadow:3px 3px 0px 0px var(--accent-color)}.skills-display{border:3px solid var(--text-color);box-shadow:6px 6px 0px 0px var(--text-color);background-color:#fff;border-radius:12px;min-height:110px;padding:1.5rem 2rem}.skills-panel{flex-wrap:wrap;gap:10px;display:none}.skills-panel.active{display:flex}.skill-badge{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--primary-color);box-shadow:2px 2px 0px 0px var(--accent-color);border-radius:6px;padding:6px 16px;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s}.skill-badge:hover{box-shadow:4px 4px 0px 0px var(--accent-color);transform:translate(-2px,-2px)}#chat-toggle-btn{background-color:var(--primary-color);color:#fff;border:3px solid var(--text-color);cursor:pointer;box-shadow:6px 6px 0px 0px var(--text-color);border-radius:12px;padding:14px 28px;font-size:1.1rem;font-weight:800;transition:all .2s;position:fixed;bottom:30px;right:30px}#chat-toggle-btn:hover{box-shadow:10px 10px 0px 0px var(--text-color);transform:translate(-4px,-4px)}#chat-sidebar{border:4px solid var(--text-color);width:350px;box-shadow:8px 8px 0px 0px var(--text-color);z-index:2000;background-color:#fff;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:fixed;bottom:100px;right:30px;overflow:hidden}#chat-sidebar.hidden{opacity:0;pointer-events:none;transform:translateY(30px)scale(.95)}.chat-header{background-color:var(--primary-color);color:#fff;border-bottom:4px solid var(--text-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header h2{margin:0;font-size:1.25rem;font-weight:800}#chat-close-btn{color:#fff;cursor:pointer;background:0 0;border:3px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}#chat-close-btn:hover{color:var(--primary-color);border:3px solid var(--text-color);box-shadow:3px 3px 0px 0px var(--text-color);background-color:#fff;transform:translate(-1px,-1px)}#chat-box{background-color:var(--bg-color);height:380px;padding:20px;overflow-y:auto}#chat-form{border-top:4px solid var(--text-color);background-color:#fff;gap:12px;padding:16px;display:flex}#user-input{border:3px solid var(--text-color);color:var(--text-color);background-color:#fff;border-radius:8px;flex-grow:1;padding:12px;font-size:1rem;font-weight:500;transition:all .2s}#user-input:focus{box-shadow:4px 4px 0px 0px var(--text-color);outline:none;transform:translate(-2px,-2px)}#send-btn{background-color:var(--primary-color);color:#fff;border:3px solid var(--text-color);cursor:pointer;border-radius:8px;padding:12px 20px;font-weight:800;transition:all .2s}#send-btn:hover{box-shadow:4px 4px 0px 0px var(--text-color);transform:translate(-2px,-2px)}@media (width<=768px){#chat-toggle-btn{box-shadow:4px 4px 0px 0px var(--text-color);padding:10px 16px;font-size:.85rem;bottom:16px;right:16px}#chat-sidebar{width:100%;box-shadow:0 -4px 0px 0px var(--text-color);border-bottom:none;border-left:none;border-right:none;border-radius:16px 16px 0 0;bottom:0;left:0;right:0}#chat-box{height:45vh}main{padding:.5rem}#bio{gap:1.25rem;padding:1rem 0}.bio-hero{flex-direction:column;align-items:center;gap:1.5rem;padding:1.25rem 1rem}.profile-pic{width:160px;height:195px}.bio-hero-text{text-align:center;width:100%}.bio-hero-text h1{letter-spacing:1px;font-family:Dela Gothic One,sans-serif;font-size:2.5rem;line-height:1}.role-strip{justify-content:center}.hero-about{max-width:100%}.hero-stats{justify-content:center}.fun-section{padding:1.25rem 1rem}.fun-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fun-item{justify-content:center;padding:8px 10px;font-size:.88rem}.content-section{padding:1.75rem 0}.edu-header{flex-direction:column;gap:.5rem}.edu-gpa-badge{align-self:flex-start}.education-item{padding:1.25rem 1rem}.edu-award-badge,.edu-course-tag{word-break:break-word}.project-body{padding:1.25rem 1rem}.experience-header{flex-direction:column;align-items:flex-start;gap:.75rem}.exp-right{justify-content:space-between;width:100%}.skill-tab{text-align:center;flex:auto}.skills-display{padding:1.25rem 1rem}}