@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap);.home-content,.home-page{align-items:center;display:flex;justify-content:center}.home-content{gap:50px;max-width:950px;width:100%}.profile-frame{flex-shrink:0;position:relative}.frame-border{background:var(--bg-panel);border:5px solid var(--border-color);border-radius:50%;box-shadow:8px 8px 0 var(--shadow-color);height:260px;overflow:hidden;position:relative;width:260px}.profile-image{height:100%;object-fit:cover;object-position:center top;width:100%}.frame-decoration{-webkit-animation:rotateStar 20s linear infinite;animation:rotateStar 20s linear infinite;background:var(--accent-yellow);-webkit-clip-path:polygon(50% 0,63% 30%,100% 30%,72% 52%,82% 90%,50% 68%,18% 90%,28% 52%,0 30%,37% 30%);clip-path:polygon(50% 0,63% 30%,100% 30%,72% 52%,82% 90%,50% 68%,18% 90%,28% 52%,0 30%,37% 30%);inset:-30px;position:absolute;z-index:-1}@-webkit-keyframes rotateStar{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateStar{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.name-island{background:var(--bg-panel);border:var(--border-thick);border-radius:var(--border-radius);box-shadow:6px 6px 0 var(--shadow-color);max-width:500px;padding:var(--space-2xl);position:relative;text-align:left}.name-island:before{border-bottom:15px solid transparent;border-right:20px solid var(--border-color);border-top:15px solid transparent;left:-20px}.name-island:after,.name-island:before{content:"";height:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}.name-island:after{border-bottom:12px solid transparent;border-right:17px solid var(--bg-panel);border-top:12px solid transparent;left:-14px}.greeting{background:var(--accent-yellow);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);display:inline-block;font-family:var(--font-display);font-size:1rem;padding:var(--space-xs) var(--space-sm);-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.greeting,.name{color:var(--text-dark);margin-bottom:var(--space-sm)}.name{line-height:1.1}.name .gradient-text{color:var(--accent-red);text-shadow:3px 3px 0 var(--accent-yellow)}.role{color:var(--accent-blue);font-family:var(--font-display);font-size:1.5rem;letter-spacing:1px;margin-bottom:var(--space-sm)}.tagline{color:var(--text-medium);font-size:1rem;line-height:1.5;margin-bottom:var(--space-lg)}.tagline .highlight{color:var(--accent-blue);font-weight:700}.social-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.social-link{align-items:center;background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:50%;box-shadow:3px 3px 0 var(--shadow-color);color:var(--text-dark);display:flex;font-size:1.3rem;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.social-link:hover{background:var(--accent-pink);box-shadow:5px 5px 0 var(--shadow-color);color:#fff;-webkit-transform:translateY(-3px) rotate(-5deg);transform:translateY(-3px) rotate(-5deg)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.cta-btn{align-items:center;border:3px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;font-family:var(--font-display);font-size:1rem;gap:var(--space-sm);letter-spacing:1px;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:all var(--transition-fast)}.cta-btn.primary{background:var(--accent-red);box-shadow:4px 4px 0 var(--shadow-color);color:#fff}.cta-btn.primary:hover{background:var(--accent-orange);box-shadow:6px 6px 0 var(--shadow-color);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.cta-btn.secondary{background:var(--bg-secondary);box-shadow:4px 4px 0 var(--shadow-color);color:var(--text-dark)}.cta-btn.secondary:hover{background:var(--accent-yellow);box-shadow:6px 6px 0 var(--shadow-color);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}@media (max-width:900px){.home-content{flex-direction:column;gap:30px}.home-content,.name-island{text-align:center}.name-island:after,.name-island:before{display:none}.cta-row,.social-row{justify-content:center}.frame-border{height:200px;width:200px}.frame-decoration{inset:-20px}}@media (max-width:600px){.frame-border{height:160px;width:160px}.name-island{padding:var(--space-lg)}.cta-row{flex-direction:column}.cta-btn{justify-content:center}}.about-page{padding-top:var(--space-xl)}.about-content{display:flex;flex-direction:column;gap:var(--space-xl);max-width:800px;width:100%}.section-title{color:var(--accent-red);margin-bottom:var(--space-md);text-shadow:2px 2px 0 var(--accent-yellow)}.subsection-title{align-items:center;color:var(--accent-blue);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.about-bio{background:var(--bg-panel);border:var(--border-thick);border-radius:var(--border-radius);box-shadow:5px 5px 0 var(--shadow-color);padding:var(--space-xl)}.bio-text{font-size:1.05rem;line-height:1.7;margin-bottom:var(--space-md)}.bio-text:last-child{margin-bottom:0}.bio-text .highlight{color:var(--accent-blue);font-weight:700}.experience-section{background:var(--bg-panel);border:var(--border-thick);border-radius:var(--border-radius);box-shadow:5px 5px 0 var(--shadow-color);padding:var(--space-xl)}.experience-item{background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md)}.exp-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-xs)}.exp-company{color:var(--accent-red);font-family:var(--font-display);font-size:1.2rem}.exp-duration{background:var(--accent-yellow);border:2px solid var(--border-color);border-radius:4px;color:var(--text-light);font-size:.85rem;font-weight:700;padding:2px 8px}.exp-role{color:var(--accent-blue);display:block;font-weight:700;margin-bottom:var(--space-sm)}.exp-details{list-style:none;padding-left:0}.exp-details li{font-size:.95rem;margin-bottom:var(--space-xs);padding-left:var(--space-lg);position:relative}.exp-details li:before{color:var(--accent-yellow);content:"★";left:0;position:absolute}.skills-section{background:var(--bg-panel);border:var(--border-thick);border-radius:var(--border-radius);box-shadow:5px 5px 0 var(--shadow-color);padding:var(--space-xl)}.skills-group{margin-bottom:var(--space-lg)}.skills-group:last-child{margin-bottom:0}.skill-category{background:var(--accent-blue);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);color:#fff;display:inline-block;font-family:var(--font-display);font-size:.9rem;margin-bottom:var(--space-sm);padding:3px 10px}.skills-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{border:2px solid var(--border-color);padding:4px 10px}.skill-tag:hover{box-shadow:2px 2px 0 var(--shadow-color);-webkit-transform:translateY(-2px) rotate(-1deg);transform:translateY(-2px) rotate(-1deg)}.education-section{background:var(--bg-panel);border:var(--border-thick);border-radius:var(--border-radius);box-shadow:5px 5px 0 var(--shadow-color);padding:var(--space-xl)}.edu-item{grid-gap:var(--space-xs) var(--space-md);background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:var(--border-radius);display:grid;gap:var(--space-xs) var(--space-md);grid-template-columns:auto 1fr;margin-bottom:var(--space-md);padding:var(--space-md)}.edu-item:last-child{margin-bottom:0}.edu-year{align-items:center;background:var(--accent-red);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:2px 2px 0 var(--shadow-color);color:#fff;display:flex;font-size:.8rem;grid-row:span 3;justify-content:center;padding:var(--space-sm);text-orientation:mixed;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.edu-degree,.edu-year{font-family:var(--font-display)}.edu-degree{color:var(--accent-blue);font-size:1rem}.edu-institution{color:var(--text-medium);font-size:.9rem}.edu-score{background:var(--bg-primary);border:2px solid var(--accent-green);border-radius:4px;color:var(--accent-green);font-weight:700;padding:2px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:600px){.about-content{gap:var(--space-lg)}.about-bio,.education-section,.experience-section,.skills-section{padding:var(--space-lg)}.exp-header{align-items:flex-start;flex-direction:column}.edu-item{grid-template-columns:1fr}.edu-year{grid-row:auto;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}}.projects-page{padding-top:var(--space-xl)}.projects-wrapper{max-width:1000px;width:100%}.page-title{margin-bottom:var(--space-2xl);text-align:center}.projects-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{background:var(--bg-panel);border:4px solid var(--border-color);border-radius:var(--border-radius);box-shadow:6px 6px 0 var(--shadow-color);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.project-card:before{background:var(--accent-red);color:#fff;content:"CLICK!";font-family:var(--font-display);font-size:.75rem;opacity:0;padding:3px 35px;position:absolute;right:-30px;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:opacity var(--transition-fast);z-index:10}.project-card:hover:before{opacity:1}.project-card:hover{box-shadow:10px 10px 0 var(--shadow-color);-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px)}.card-image-container{border-bottom:4px solid var(--border-color);height:180px;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.project-card:hover .card-image{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-overlay{align-items:center;background:rgba(26,26,46,.85);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.project-card:hover .card-overlay{opacity:1}.view-project{background:var(--accent-yellow);border:3px solid var(--border-color);border-radius:var(--border-radius);box-shadow:3px 3px 0 var(--accent-red);color:#fff;font-family:var(--font-display);font-size:1.2rem;padding:var(--space-sm) var(--space-md);-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.card-info{background:var(--bg-secondary);padding:var(--space-md)}.card-title{color:var(--accent-blue);font-size:1.1rem;margin-bottom:var(--space-sm)}.card-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background:var(--bg-panel);border:2px solid var(--border-color);border-radius:3px;color:var(--text-dark);font-family:var(--font-body);font-size:.75rem;font-weight:700;padding:3px 8px}.project-modal-overlay{align-items:center;background:rgba(26,26,46,.9);display:flex;inset:0;justify-content:center;padding:var(--space-xl);position:fixed;z-index:2000}.project-modal{background:var(--bg-panel);border:5px solid var(--border-color);border-radius:var(--border-radius);box-shadow:10px 10px 0 var(--shadow-color);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:var(--accent-red);border:3px solid var(--border-color);border-radius:50%;box-shadow:3px 3px 0 var(--shadow-color);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all var(--transition-fast);width:40px;z-index:10}.modal-close:hover{background:var(--accent-orange);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.modal-image{border-bottom:4px solid var(--border-color);width:100%}.modal-image img{height:250px;object-fit:cover;width:100%}.modal-content{background:var(--bg-secondary);padding:var(--space-xl)}.modal-title{color:var(--accent-blue);margin-bottom:var(--space-md)}.modal-description{font-size:1rem;line-height:1.6;margin-bottom:var(--space-lg)}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-lg)}.modal-tags .tag{background:var(--accent-yellow)}.modal-links{display:flex;flex-wrap:wrap;gap:var(--space-md)}.modal-link{align-items:center;border:3px solid var(--border-color);border-radius:var(--border-radius);box-shadow:3px 3px 0 var(--shadow-color);display:flex;font-family:var(--font-display);font-size:.9rem;gap:var(--space-sm);letter-spacing:1px;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:all var(--transition-fast)}.modal-link.primary{background:var(--accent-red);color:#fff}.modal-link.secondary{background:var(--bg-panel);color:var(--text-dark)}.modal-link:hover{box-shadow:5px 5px 0 var(--shadow-color);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}@media (max-width:600px){.projects-grid{grid-template-columns:1fr}.project-modal{margin:var(--space-md)}.modal-links{flex-direction:column}.modal-link{justify-content:center}}.achievements-page{padding-top:var(--space-xl)}.achievements-content{display:flex;flex-direction:column;gap:var(--space-xl);max-width:900px;width:100%}.page-header{text-align:center}.page-title{align-items:center;color:var(--accent-red);display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-sm);text-shadow:3px 3px 0 var(--accent-yellow)}.title-icon{-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite;color:var(--accent-yellow);-webkit-filter:drop-shadow(2px 2px 0 var(--border-color));filter:drop-shadow(2px 2px 0 var(--border-color))}.page-subtitle{color:var(--text-medium);font-size:1rem}.section-label{background:var(--accent-blue);border:3px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color);color:#fff;display:inline-block;font-family:var(--font-display);font-size:1.1rem;margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md);-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}.platforms-section .platforms-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platform-card{border:4px solid var(--border-color);box-shadow:5px 5px 0 var(--shadow-color);overflow:hidden;padding:var(--space-xl);position:relative}.platform-card:hover{box-shadow:8px 8px 0 var(--shadow-color);-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.platform-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.platform-icon{color:var(--accent-yellow);color:var(--platform-color,var(--accent-yellow));-webkit-filter:drop-shadow(2px 2px 0 var(--border-color));filter:drop-shadow(2px 2px 0 var(--border-color));font-size:2rem}.platform-name{color:var(--text-dark);font-family:var(--font-display);font-size:1.3rem}.platform-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.stat-row{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm)}.stat-label{color:var(--text-medium);font-size:.85rem}.stat-value{color:var(--accent-red);font-family:var(--font-display);font-size:1rem}.platform-glow{border-radius:50%;height:100%;opacity:.1;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.achievements-list{display:flex;flex-direction:column;gap:var(--space-md)}.achievement-item{align-items:flex-start;background:var(--bg-panel);border:4px solid var(--border-color);border-radius:var(--border-radius);box-shadow:5px 5px 0 var(--shadow-color);display:flex;gap:var(--space-lg);padding:var(--space-lg)}.achievement-icon-wrapper{align-items:center;background:var(--accent-yellow);background:var(--achievement-color,var(--accent-yellow));border:3px solid var(--border-color);border-radius:50%;box-shadow:3px 3px 0 var(--shadow-color);display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.achievement-icon{color:#fff;font-size:1.3rem}.achievement-content{flex:1 1}.achievement-title{color:var(--accent-blue);font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-xs)}.achievement-desc{color:var(--text-medium);font-size:.9rem;line-height:1.5}@media (max-width:600px){.platforms-section .platforms-grid{grid-template-columns:1fr}.achievement-item{align-items:center;flex-direction:column;gap:var(--space-md);text-align:center}}.contact-page{padding-top:var(--space-xl)}.contact-content{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr;max-width:950px;width:100%}.contact-info{display:flex;flex-direction:column}.contact-title{color:var(--accent-red);margin-bottom:var(--space-md);text-shadow:3px 3px 0 var(--accent-yellow)}.contact-subtitle{color:var(--text-medium);font-size:1.05rem;margin-bottom:var(--space-xl)}.contact-details{flex-direction:column;margin-bottom:var(--space-xl)}.contact-details,.contact-item{display:flex;gap:var(--space-md)}.contact-item{align-items:center;background:var(--bg-panel);border:3px solid var(--border-color);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color);padding:var(--space-md);transition:all var(--transition-fast)}.contact-item:hover{background:var(--accent-yellow);-webkit-transform:translateX(5px);transform:translateX(5px)}.contact-icon{color:var(--accent-blue);font-size:1.3rem}.contact-item span{color:var(--text-dark);font-weight:600}.platforms-title{background:var(--accent-blue);border:3px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);color:#fff;display:inline-block;font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.platforms-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.platform-card{align-items:center;background:var(--bg-panel);border:3px solid var(--border-color);border-radius:var(--border-radius);box-shadow:3px 3px 0 var(--shadow-color);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.platform-card:hover{background:var(--accent-yellow);background:var(--platform-color,var(--accent-yellow));box-shadow:5px 5px 0 var(--shadow-color);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.platform-card:hover .platform-icon,.platform-card:hover .platform-label{color:#fff}.platform-icon{color:var(--text-dark);color:var(--platform-color,var(--text-dark));font-size:1.2rem}.platform-icon,.platform-label{transition:color var(--transition-fast)}.platform-label{color:var(--text-dark);font-family:var(--font-display);font-size:.8rem}.contact-form-container{background:var(--bg-panel);border:4px solid var(--border-color);border-radius:var(--border-radius);box-shadow:6px 6px 0 var(--shadow-color);padding:var(--space-xl)}.form-title{color:var(--accent-blue);margin-bottom:var(--space-lg)}.contact-form{gap:var(--space-lg)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-xs)}.form-group label{color:var(--text-dark);font-family:var(--font-display);font-size:.9rem;letter-spacing:1px}.form-group input,.form-group textarea{background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-dark);font-family:var(--font-body);font-size:1rem;padding:var(--space-md);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{background:var(--bg-panel);border-color:var(--accent-blue);box-shadow:3px 3px 0 var(--accent-blue);outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:var(--accent-red);border:4px solid var(--border-color);border-radius:var(--border-radius);box-shadow:5px 5px 0 var(--shadow-color);color:#fff;cursor:pointer;font-family:var(--font-display);font-size:1.1rem;letter-spacing:2px;padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:all var(--transition-fast)}.submit-btn:hover{background:var(--accent-orange);box-shadow:7px 7px 0 var(--shadow-color);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.submit-btn:active{box-shadow:3px 3px 0 var(--shadow-color);-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.submit-btn.sending{background:var(--accent-yellow);color:var(--text-dark)}.submit-btn.sent{background:var(--accent-green)}.btn-content{align-items:center;display:flex;gap:var(--space-sm);justify-content:center}.spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid transparent;border-radius:50%;border-top:3px solid var(--text-dark);height:18px;width:18px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.contact-content{gap:var(--space-xl);grid-template-columns:1fr}.platforms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.platforms-grid{grid-template-columns:1fr}.contact-form-container{padding:var(--space-lg)}}.side-nav{align-items:center;background:var(--bg-secondary);border-right:var(--border-thick);bottom:0;display:flex;flex-direction:column;left:0;padding:var(--space-lg) var(--space-sm);position:fixed;top:0;width:85px;z-index:1000}.nav-brand{margin-bottom:var(--space-2xl)}.brand-logo{align-items:center;background:var(--accent-red);border:var(--border-thick);border-radius:50%;box-shadow:3px 3px 0 var(--shadow-color);color:#fff;display:flex;font-family:var(--font-display);font-size:1.4rem;height:52px;justify-content:center;position:relative;transition:all var(--transition-fast);width:52px}.brand-logo:hover{-webkit-transform:rotate(-5deg) scale(1.1);transform:rotate(-5deg) scale(1.1)}.brand-logo:before{-webkit-animation:starSpin 10s linear infinite;animation:starSpin 10s linear infinite;background:var(--accent-yellow);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:70px;position:absolute;width:70px;z-index:-1}@-webkit-keyframes starSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes starSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-list{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs);list-style:none}.nav-item{align-items:center;background:var(--bg-panel);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);position:relative;transition:all var(--transition-fast);width:68px}.nav-item:hover{background:var(--accent-yellow);-webkit-transform:translateX(3px);transform:translateX(3px)}.nav-item.active,.nav-item:hover{border-color:var(--border-color);box-shadow:3px 3px 0 var(--shadow-color)}.nav-item.active{background:var(--accent-blue)}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#fff}.nav-icon{color:var(--text-dark);font-size:1.3rem;transition:all var(--transition-fast)}.nav-item:hover .nav-icon{color:var(--text-dark);-webkit-transform:scale(1.15);transform:scale(1.15)}.nav-label{color:var(--text-dark);font-family:var(--font-display);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.active-indicator{background:var(--accent-red);border-radius:0 4px 4px 0;height:20px;left:-2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px}.nav-footer{margin-top:auto}.nav-hint{color:var(--text-medium);font-family:var(--font-display);font-size:.6rem;letter-spacing:2px;text-orientation:mixed;text-transform:uppercase;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}@media (max-width:768px){.side-nav{border-right:none;border-top:var(--border-thick);bottom:0;flex-direction:row;height:75px;left:0;padding:0 var(--space-md);right:0;top:auto;width:100%}.nav-brand{display:none}.nav-list{flex-direction:row;justify-content:space-around;width:100%}.nav-item{padding:var(--space-xs) var(--space-sm);width:auto}.nav-footer{display:none}.active-indicator{border-radius:0 0 4px 4px;bottom:auto;height:4px;left:50%;top:-2px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px}}.comic-background{background:var(--bg-primary);inset:0;overflow:hidden;position:fixed;z-index:-1}.halftone-pattern{background-image:radial-gradient(circle,var(--text-dark) 1px,transparent 1px);background-size:15px 15px;inset:0;opacity:.04;position:absolute}.diagonal-lines{background:repeating-linear-gradient(-45deg,transparent,transparent 30px,rgba(26,26,46,.02) 0,rgba(26,26,46,.02) 31px);inset:0;position:absolute}.corner-burst{height:200px;opacity:.08;position:absolute;width:200px}.corner-burst.top-left{-webkit-animation:slowSpin 30s linear infinite;animation:slowSpin 30s linear infinite;background:var(--accent-yellow);left:-60px;top:-60px}.corner-burst.bottom-right,.corner-burst.top-left{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.corner-burst.bottom-right{animation:slowSpin 25s linear infinite reverse;background:var(--accent-red);bottom:-60px;right:-60px}@-webkit-keyframes slowSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes slowSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.floating-shapes{inset:0;pointer-events:none;position:absolute}.shape{opacity:.1;position:absolute}.shape.star{-webkit-animation:floatStar 8s ease-in-out infinite;animation:floatStar 8s ease-in-out infinite;background:var(--accent-yellow);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:30px;width:30px}.shape.circle{-webkit-animation:floatCircle 6s ease-in-out infinite;animation:floatCircle 6s ease-in-out infinite;background:var(--accent-pink);border-radius:50%;height:20px;width:20px}@-webkit-keyframes floatStar{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}@keyframes floatStar{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}@-webkit-keyframes floatCircle{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-15px) scale(1.1);transform:translateY(-15px) scale(1.1)}}@keyframes floatCircle{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-15px) scale(1.1);transform:translateY(-15px) scale(1.1)}}.cursor-ring{border:2px solid var(--accent-primary);border-radius:50%;height:40px;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),border-color .3s var(--ease-out-expo),background .3s var(--ease-out-expo);width:40px;z-index:9999}.cursor-ring.hover{background:rgba(108,92,231,.1);border-color:var(--accent-secondary);height:60px;width:60px}.cursor-ring.click{height:30px;width:30px}.cursor-dot,.cursor-ring.click{background:var(--accent-primary)}.cursor-dot{border-radius:50%;height:8px;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background .2s var(--ease-out-expo),-webkit-transform .15s var(--ease-out-expo);transition:transform .15s var(--ease-out-expo),background .2s var(--ease-out-expo);transition:transform .15s var(--ease-out-expo),background .2s var(--ease-out-expo),-webkit-transform .15s var(--ease-out-expo);width:8px;z-index:10000}.cursor-dot.click{background:var(--accent-secondary);-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.theme-toggle{align-items:center;background:var(--accent-yellow);border:3px solid var(--border-color);border-radius:50%;box-shadow:3px 3px 0 var(--shadow-color);cursor:pointer;display:flex;height:50px;justify-content:center;overflow:hidden;position:fixed;right:25px;top:25px;transition:all var(--transition-fast);width:50px;z-index:1000}.theme-toggle:hover{box-shadow:5px 5px 0 var(--shadow-color);-webkit-transform:rotate(-10deg) scale(1.1);transform:rotate(-10deg) scale(1.1)}.toggle-icon{color:var(--text-dark);font-size:22px;z-index:1}.toggle-glow{display:none}@media (max-width:768px){.theme-toggle{height:44px;right:15px;top:15px;width:44px}.toggle-icon{font-size:18px}}:root{--bg-primary:#fffdf0;--bg-secondary:#fff8dc;--bg-panel:#fff;--accent-red:#ff4040;--accent-blue:#4169e1;--accent-pink:#ff69b4;--accent-green:#32cd32;--accent-yellow:gold;--accent-orange:#ff6b35;--accent-purple:#9b59b6;--text-dark:#1a1a2e;--text-medium:#2d3436;--text-light:#636e72;--border-color:#1a1a2e;--shadow-offset:4px;--shadow-color:#1a1a2e;--font-display:"Bangers",cursive;--font-body:"Comic Neue",cursive;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-thin:2px solid var(--border-color);--border-thick:4px solid var(--border-color);--border-radius:8px;--bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-fast:0.15s ease;--transition-normal:0.3s ease}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-panel:#0f3460;--accent-blue:#4cc9f0;--text-dark:#fff;--text-medium:#e0e0e0;--text-light:#b0b0b0;--border-color:#4cc9f0;--shadow-color:#000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fffdf0;background:var(--bg-primary);color:#1a1a2e;color:var(--text-dark);font-family:Comic Neue,cursive;font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:Bangers,cursive;font-family:var(--font-display);font-weight:400;letter-spacing:1px;line-height:1.2;text-transform:uppercase}h1{font-size:clamp(2.5rem,8vw,5rem)}h2{font-size:clamp(1.8rem,5vw,3rem)}h3{font-size:clamp(1.2rem,3vw,1.8rem)}p{font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}.page{align-items:flex-start;background:#fffdf0;background:var(--bg-primary);display:flex;inset:0;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:2rem;padding:var(--space-xl);padding-left:100px;padding-top:3rem;padding-top:var(--space-2xl);position:fixed}@media (max-width:768px){.page{padding:1rem;padding:var(--space-md);padding-bottom:100px;padding-left:1rem;padding-left:var(--space-md);padding-top:1.5rem;padding-top:var(--space-lg)}}.comic-panel{background:#fff;background:var(--bg-panel);border:4px solid #1a1a2e;border:var(--border-thick);border-radius:8px;border-radius:var(--border-radius);box-shadow:4px 4px 0 #1a1a2e;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;transition:box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),-webkit-transform var(--transition-fast)}.comic-panel:hover{box-shadow:6px 6px 0 #1a1a2e;box-shadow:6px 6px 0 var(--shadow-color);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.glass-card{background:#fff;background:var(--bg-panel);border:4px solid #1a1a2e;border:var(--border-thick);border-radius:8px;border-radius:var(--border-radius);box-shadow:4px 4px 0 #1a1a2e;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color)}.gradient-text{color:#ff4040;color:var(--accent-red);text-shadow:2px 2px 0 gold;text-shadow:2px 2px 0 var(--accent-yellow)}.highlight{color:#4169e1;color:var(--accent-blue);font-weight:700}.comic-btn{align-items:center;background:gold;background:var(--accent-yellow);border:4px solid #1a1a2e;border:var(--border-thick);border-radius:8px;border-radius:var(--border-radius);box-shadow:4px 4px 0 #1a1a2e;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);color:#1a1a2e;color:var(--text-dark);cursor:pointer;display:inline-flex;font-family:Bangers,cursive;font-family:var(--font-display);font-size:1.1rem;gap:.5rem;gap:var(--space-sm);letter-spacing:1px;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:all .15s ease;transition:all var(--transition-fast)}.comic-btn:hover{box-shadow:6px 6px 0 #1a1a2e;box-shadow:6px 6px 0 var(--shadow-color);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.comic-btn:active{box-shadow:2px 2px 0 #1a1a2e;box-shadow:2px 2px 0 var(--shadow-color);-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.comic-btn.primary{background:#ff4040;background:var(--accent-red);color:#fff}.comic-btn.secondary{background:#4169e1;background:var(--accent-blue);color:#fff}.starburst{align-items:center;display:inline-flex;justify-content:center;position:relative}.starburst:before{-webkit-animation:starPulse 2s ease-in-out infinite;animation:starPulse 2s ease-in-out infinite;background:gold;background:var(--accent-yellow);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:120%;position:absolute;width:120%;z-index:-1}@-webkit-keyframes starPulse{0%,to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg)}}@keyframes starPulse{0%,to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg)}}.halftone-bg{background-image:radial-gradient(circle,#1a1a2e 1px,transparent 0);background-image:radial-gradient(circle,var(--text-dark) 1px,transparent 1px);background-size:8px 8px;opacity:.05}.speed-lines{background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(26,26,46,.03) 0,rgba(26,26,46,.03) 21px);height:100%;pointer-events:none;position:absolute;width:100%}.action-badge{background:gold;background:var(--accent-yellow);box-shadow:2px 2px 0 #1a1a2e;box-shadow:2px 2px 0 var(--text-dark);font-family:Bangers,cursive;font-family:var(--font-display);font-size:.9rem;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.action-badge,.skill-tag{border:2px solid #1a1a2e;border:2px solid var(--text-dark);border-radius:4px;color:#1a1a2e;color:var(--text-dark);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.skill-tag{background:#fff8dc;background:var(--bg-secondary);display:inline-block;font-family:Comic Neue,cursive;font-family:var(--font-body);font-size:.85rem;font-weight:700;margin:3px;transition:all .15s ease;transition:all var(--transition-fast)}.skill-tag:hover{background:gold;background:var(--accent-yellow);-webkit-transform:translateY(-2px) rotate(-2deg);transform:translateY(-2px) rotate(-2deg)}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bounce{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes wiggle{0%,to{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes wiggle{0%,to{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}::selection{background:gold;background:var(--accent-yellow);color:#1a1a2e;color:var(--text-dark)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff8dc;background:var(--bg-secondary);border-left:2px solid #1a1a2e;border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:#ff4040;background:var(--accent-red);border:2px solid #1a1a2e;border:2px solid var(--border-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ff6b35;background:var(--accent-orange)}:focus-visible{outline:3px solid #4169e1;outline:3px solid var(--accent-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.magnetic{transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.magnetic:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
/*# sourceMappingURL=main.b3ac8002.css.map*/