:root{--primary-color: #4a9eff;--secondary-color: #2ecc71;--accent-color: #00d4ff;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--bg-primary: #0a0a0f;--bg-secondary: rgba(0, 0, 0, .5);--border-color: rgba(255, 255, 255, .1);--shadow-primary: 0 4px 12px rgba(74, 158, 255, .3);--transition-fast: .2s ease;--transition-normal: .3s ease;--border-radius: 15px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem}.primary-color{color:#4a9eff}.secondary-color{color:#2ecc71}.accent-color{color:#00d4ff}.text-primary{color:#e8e8e8}.text-secondary{color:#b0b0b0}.bg-primary{background-color:#0a0a0f}.bg-secondary{background-color:rgba(0,0,0,.5)}.border-color{border-color:rgba(255,255,255,.1)}.shadow-primary{box-shadow:0 4px 12px rgba(74,158,255,.3)}.transition-fast{transition:.2s ease}.transition-normal{transition:.3s ease}.border-radius{border-radius:15px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.no-custom-properties .hero{background:linear-gradient(135deg,#667eea,#764ba2)}.no-grid .projects-grid{display:block}.no-grid .project-card{display:block;width:100%;margin-bottom:2rem}.no-flexbox .nav-links{display:block}.no-flexbox .nav-links li{display:block;margin:.5rem 0}.touch-device .btn{min-height:44px;min-width:44px}.touch-device .nav-links a{padding:1rem;display:block}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;font-size:16px}@media (max-width: 768px){html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}}body{font-family:Courier New,monospace;line-height:1.6;color:#333;background-color:#f0f0f0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#modern-container{color:#e8e8e8;background:#0a0a0f;margin:0;padding:0;position:relative;overflow-x:hidden;will-change:auto;contain:layout style paint}body{margin:0!important;padding:0!important}#retro-container{max-width:800px;margin:50px auto;padding:20px;background-color:#fff;border:2px solid #000;box-shadow:5px 5px #000}.retro-content{text-align:center}.retro-content h1{font-size:2.5em;margin-bottom:20px;color:#000;text-decoration:underline}.retro-content p{font-size:1.2em;margin-bottom:15px;color:#333}#transform-btn{background-color:#000;color:#fff;border:2px solid #000;padding:15px 30px;font-size:1.1em;font-family:Courier New,monospace;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-weight:700}#transform-btn:hover{background-color:#fff;color:#000;box-shadow:0 0 20px rgba(0,0,0,.3)}hr{border:none;border-top:2px solid #000;margin:20px 0}.hidden{display:none!important}.fade-in-up{opacity:1!important;transform:translateY(0)!important}#modern-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgba(20,20,30,.98);position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;z-index:9999!important;box-shadow:0 2px 8px rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.08);transform:translateZ(0)!important;margin:0!important;will-change:transform;contain:layout style paint}.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;z-index:9999!important;transform:none!important;margin:0!important;visibility:visible!important;opacity:1!important;display:flex!important}.nav-brand{font-size:1.5rem;font-weight:700;color:#4a9eff}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:#e0e0e0;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:8px}.nav-links a:hover{color:#4a9eff;background:rgba(74,158,255,.1)}.nav-controls{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:rgba(255,255,255,.1)}.theme-icon{font-size:1.2rem;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(20deg)}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:10001}.hamburger{width:25px;height:3px;background:#e0e0e0;margin:3px 0;transition:.3s;border-radius:2px}.mobile-menu-toggle.active .hamburger:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active .hamburger:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.hero{padding:160px 2rem 80px;text-align:center;color:#e8e8e8;background:#0a0a0f;position:relative;overflow:hidden;transform:translateZ(0)!important;transition:none!important;will-change:auto;contain:layout style paint;min-height:100vh;background-image:radial-gradient(circle at 20% 80%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(123,0,255,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);background-attachment:fixed}#hero.hero{transform:none!important;transition:none!important;position:relative!important}.hero-content{animation:heroContentFadeIn 1s ease-out .5s both}@keyframes heroContentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(123,0,255,.1) 0%,transparent 50%);pointer-events:none}.status-container{background:rgba(0,0,0,.4);border:1px solid rgba(0,212,255,.3);border-radius:15px;padding:1.5rem;margin:2rem auto;max-width:500px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,.2)}.status-indicator{display:flex;align-items:center;margin-bottom:.5rem;gap:.5rem}.status-corner .status-indicator{margin-bottom:.3rem}.status-dot{width:12px;height:12px;background:#00d4ff;border-radius:50%;animation:pulse 3s infinite;box-shadow:0 0 rgba(0,212,255,.7)}.status-text{font-size:.9rem;opacity:.9;font-weight:500;color:#e0e0e0}.status-corner .status-text{font-size:.8rem}.current-work{margin-left:1.5rem}.status-corner .current-work{margin-left:1.2rem}.work-project{font-size:1.1rem;font-weight:600;display:block;margin-bottom:.5rem}.status-corner .work-project{font-size:.9rem;margin-bottom:0}.work-tech{display:flex;gap:.5rem;flex-wrap:wrap}.tech-badge{background:rgba(0,212,255,.2);color:#4a9eff;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,212,255,.4)}.current-work-detail{margin-top:2rem;padding:1.5rem;background:rgba(0,0,0,.5);border-radius:15px;border-left:4px solid #00d4ff;border:1px solid rgba(255,255,255,.1)}.currently-listening-detail{margin-top:2rem;padding:1.5rem;background:rgba(0,0,0,.5);border-radius:15px;border-left:4px solid #1db954;border:1px solid rgba(255,255,255,.1)}.currently-listening-detail h3{color:#fff;margin-bottom:1rem;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.currently-listening-detail h3:before{content:"🎵";font-size:1.1rem}.listening-status{display:flex;align-items:flex-start;gap:1rem}.spotify-icon{font-size:2rem;margin-top:.2rem;animation:pulse 2s infinite}.listening-info{flex:1}.track-info{margin-bottom:1rem}.track-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.3rem;line-height:1.3}.artist-name{color:#b0b0b0;font-size:.95rem;line-height:1.4}.track-progress{margin-bottom:1rem}.track-time{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:#b0b0b0}.current-time{color:#1db954;font-weight:500}.total-time{color:#888}.spotify-link{margin-top:1rem}.spotify-link-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#1db954,#1ed760);color:#fff;text-decoration:none;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px rgba(29,185,84,.3)}.spotify-link-btn:hover{background:linear-gradient(45deg,#1ed760,#1db954);transform:translateY(-2px);box-shadow:0 4px 12px rgba(29,185,84,.4)}.spotify-icon-small{font-size:.9rem}.spotify-status{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.spotify-status .status-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(0,0,0,.3);padding:.8rem 1.2rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.spotify-status .status-dot{width:8px;height:8px;border-radius:50%;background:#1db954;animation:pulse 2s infinite}.spotify-status .status-text{color:#1db954;font-weight:600;font-size:.9rem}.spotify-status.connecting .status-dot{background:#f39c12;animation:pulse 1s infinite}.spotify-status.connecting .status-text{color:#f39c12}.spotify-status.error .status-dot{background:#e74c3c;animation:none}.spotify-status.error .status-text{color:#e74c3c}.spotify-status.offline .status-dot{background:#95a5a6;animation:none}.spotify-status.offline .status-text{color:#95a5a6}.current-work-detail h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.work-status{display:flex;align-items:flex-start;gap:1rem}.status-dot-large{width:16px;height:16px;background:#00d4ff;border-radius:50%;margin-top:.3rem;animation:pulse 3s infinite;box-shadow:0 0 rgba(0,212,255,.7);flex-shrink:0}.work-info{flex:1}.work-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.work-description{color:#b0b0b0;font-size:.95rem;margin-bottom:1rem;line-height:1.5}.work-progress{margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(45deg,#00d4ff,#ff0080);border-radius:4px;transition:width .8s ease;width:75%}.progress-text{font-size:.85rem;color:#b0b0b0;font-weight:500}.work-tech-stack{display:flex;gap:.5rem;flex-wrap:wrap}.tech-item{background:rgba(0,212,255,.15);color:#4a9eff;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,212,255,.3)}@keyframes pulse{0%{box-shadow:0 0 rgba(0,212,255,.7)}70%{box-shadow:0 0 0 10px rgba(0,212,255,0)}to{box-shadow:0 0 rgba(0,212,255,0)}}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:3.5rem;margin-bottom:1rem;font-weight:700;line-height:1.2;color:#fff}.highlight{background:linear-gradient(45deg,#4a9eff,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:.9}.hero-value-prop{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.value-item{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.4);padding:.8rem 1.2rem;border-radius:25px;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,box-shadow .2s ease}.value-item:hover{transform:translate3d(0,-2px,0);box-shadow:0 2px 8px rgba(74,158,255,.15)}.value-icon{font-size:1.2rem}.value-text{font-size:.9rem;color:#e0e0e0;font-weight:500}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(45deg,#183250,#1f5e89);color:#fff}.btn-primary:hover{transform:translate3d(0,-2px,0) scale(1.05);box-shadow:0 4px 12px rgba(74,158,255,.2);transition:transform .2s ease,box-shadow .2s ease}.btn-secondary{background:transparent;color:#e0e0e0;border:2px solid #e0e0e0}.btn-secondary:hover{background:#e0e0e0;color:#0f0f23}.section{padding:100px 0;will-change:transform;contain:layout style paint}#about{padding-top:120px}.bg-light{background:rgba(0,0,0,.2)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(45deg,#005991,rgba(0,179,255,.757));border-radius:2px}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.about-text p{font-size:1.1rem;margin-bottom:1rem;color:#b0b0b0}.about-image{text-align:center}.profile-card{background:rgba(0,0,0,.5);border-radius:20px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 15px rgba(0,0,0,.2);max-width:400px;margin:0 auto}.profile-image{position:relative;margin-bottom:1.5rem}.placeholder-image{font-size:4rem;background:linear-gradient(45deg,#4a9eff,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;will-change:auto;contain:layout style paint}.profile-badge{background:linear-gradient(45deg,#4a9eff,#2ecc71);color:#fff;padding:.3rem 1rem;border-radius:15px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px rgba(74,158,255,.2);animation:pulse 3s infinite;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.stat-item{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#4a9eff;margin-bottom:.3rem}.stat-label{font-size:.8rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category{background:rgba(0,0,0,.5);padding:2rem;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:transform .2s ease;border:1px solid rgba(255,255,255,.1)}.skill-category:hover{transform:translate3d(0,-5px,0);border-color:rgba(0,212,255,.3)}.skill-category h3{font-size:1.3rem;margin-bottom:1rem;color:#fff}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:linear-gradient(45deg,#2364ae,#5090ff);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.skill-tag:hover{transform:translate3d(0,-2px,0) scale(1.05);box-shadow:0 2px 8px rgba(74,158,255,.25)}.skill-progress{margin-top:1.5rem}.progress-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-label{min-width:80px;font-size:.9rem;color:#e0e0e0;font-weight:500}.progress-bar{flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(45deg,#4a9eff,#2ecc71);border-radius:4px;transition:width 1s ease-in-out}.progress-percent{min-width:35px;font-size:.9rem;color:#4a9eff;font-weight:600;text-align:right}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;container-type:inline-size}@container (min-width: 400px){.project-card{display:grid;grid-template-rows:auto 1fr auto}}.project-card{background:rgba(0,0,0,.5);border-radius:15px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:transform .2s ease;border:1px solid rgba(255,255,255,.1);display:block;position:relative}.project-card:hover{transform:translate3d(0,-5px,0) scale(1.02);border-color:rgba(74,158,255,.3);box-shadow:0 4px 12px rgba(74,158,255,.15)}.project-image{height:200px;background:linear-gradient(45deg,#4a9eff,#2ecc71);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image .placeholder-image{font-size:4rem;color:#fff}.project-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0;transition:transform .3s ease;display:block;position:relative;z-index:2}.project-img:hover{transform:scale(1.05)}.project-img[loading=lazy]{opacity:1;transition:opacity .3s ease}.project-img.loaded{opacity:1}.project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#e0e0e0;z-index:1;display:none}.project-img.loaded+.project-image:before{display:none}.project-content{padding:1.5rem}.project-content h3{font-size:1.3rem;margin-bottom:1rem;color:#fff}.project-content p{color:#b0b0b0;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:rgba(0,212,255,.15);color:#4a9eff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;border:1px solid rgba(0,212,255,.3)}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-link{color:#4a9eff;text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem 1rem;border:1px solid rgba(0,212,255,.3);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.project-link:hover{background:rgba(74,158,255,.1);border-color:#00d4ff}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.case-study-card{background:rgba(0,0,0,.5);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease}.case-study-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.3)}.case-study-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.case-study-header h3{color:#fff;font-size:1.3rem;margin:0}.case-study-tag{background:linear-gradient(45deg,#00d4ff,#00a6ff);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.case-study-content h4{color:#4a9eff;font-size:1rem;margin-bottom:.5rem;margin-top:1.5rem}.case-study-content h4:first-child{margin-top:0}.case-study-content p{color:#b0b0b0;line-height:1.6;margin-bottom:1rem}.case-study-results ul{list-style:none;padding:0}.case-study-results li{color:#e0e0e0;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.case-study-results li:before{content:"✓";position:absolute;left:0;color:#4a9eff;font-weight:700}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.achievement-card{background:rgba(0,0,0,.5);border-radius:15px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,rgba(74,158,255,.03) 50%,transparent 60%);transform:translate(-100%);transition:all .6s ease;pointer-events:none;z-index:1;opacity:1;animation:reflection-sweep 8s ease-in-out infinite}.achievement-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 50%,rgba(0,212,255,.02) 50%,transparent 50%);transform:translate(-100%);transition:all .8s ease;pointer-events:none;z-index:1;opacity:1;animation:reflection-sweep-delayed 10s ease-in-out infinite;animation-delay:4s}@keyframes reflection-sweep{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes reflection-sweep-delayed{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.achievement-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.3)}.achievement-card:hover:before,.achievement-card:hover:after{animation-play-state:paused;transform:translate(100%);opacity:0}.achievement-icon{font-size:3rem;margin-bottom:1rem}.achievement-card h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.achievement-card p{color:#b0b0b0;margin-bottom:1rem}.achievement-date{color:#4a9eff;font-weight:600;font-size:.9rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:rgba(0,0,0,.4);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);transition:transform .2s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.3)}.testimonial-content{margin-bottom:1.5rem}.testimonial-content p{color:#e0e0e0;font-style:italic;line-height:1.6;font-size:1.1rem}.testimonial-author{display:flex;align-items:center}.author-info h4{color:#fff;margin:0 0 .25rem;font-size:1rem}.author-info span{color:#4a9eff;font-size:.9rem}.cta-section{background:linear-gradient(135deg,#1b3a5d,#1c6e77);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.cta-buttons .btn-primary{background:#fff;color:#4a9eff}.cta-buttons .btn-primary:hover{background:rgba(255,255,255,.9);color:#ff0080}.cta-buttons .btn-secondary{background:transparent;color:#fff;border-color:#fff}.cta-buttons .btn-secondary:hover{background:#fff;color:#4a9eff}.cta-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-label{color:rgba(255,255,255,.8);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.contact-info p{color:#b0b0b0;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{font-size:1.1rem;color:#e0e0e0}.contact-item a{color:#4a9eff;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#fff;text-decoration:underline}.contact-form{background:rgba(0,0,0,.5);padding:2rem;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:10px;font-size:1rem;transition:border-color .3s ease;background:rgba(0,0,0,.3);color:#e0e0e0}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff;background:rgba(0,0,0,.5)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#888}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.error-message{color:#ff6b6b;font-size:.85rem;margin-top:.5rem;display:none}.form-group.error input,.form-group.error textarea{border-color:#ff6b6b;background:rgba(255,107,107,.1)}.form-group.success input,.form-group.success textarea{border-color:#51cf66;background:rgba(81,207,102,.1)}.form-success{background:rgba(81,207,102,.1);border:1px solid #51cf66;border-radius:8px;padding:1rem;margin-top:1rem;text-align:center}.form-success p{color:#51cf66;margin:0;font-weight:500}.btn-loading{display:none}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-primary:disabled .btn-text{display:none}.btn-primary:disabled .btn-loading{display:inline}.footer{background:rgba(0,0,0,.8);color:#e0e0e0;text-align:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out}@media (min-width: 1400px){.container{max-width:1600px;padding:0 3rem}.hero-title{font-size:4.5rem;line-height:1.1}.hero-subtitle{font-size:1.5rem;max-width:800px;margin:0 auto 2rem}.section-title{font-size:3.2rem;margin-bottom:4rem}.projects-grid,.skills-grid{grid-template-columns:repeat(3,1fr);gap:3rem}.case-studies-grid{grid-template-columns:repeat(2,1fr);gap:3rem}.achievements-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}.about-content{grid-template-columns:2fr 1fr;gap:4rem}.contact-content{grid-template-columns:1fr 1fr;gap:4rem}.hero-value-prop{gap:3rem;margin:3rem 0}.value-item{padding:1.2rem 2rem;font-size:1rem}.navbar{padding:1.5rem 3rem}.nav-links{gap:3rem}.nav-links a{padding:.8rem 1.5rem;font-size:1.1rem}}@media (min-width: 2560px){.container{max-width:2400px;padding:0 4rem}.hero-title{font-size:5.5rem;line-height:1.1;max-width:1400px;margin:0 auto}.hero-subtitle{font-size:1.8rem;max-width:1000px;margin:0 auto 3rem}.section-title{font-size:4rem;margin-bottom:5rem}.projects-grid,.skills-grid{grid-template-columns:repeat(4,1fr);gap:4rem}.case-studies-grid{grid-template-columns:repeat(3,1fr);gap:4rem}.achievements-grid{grid-template-columns:repeat(5,1fr);gap:3rem}.about-content{grid-template-columns:3fr 2fr;gap:5rem}.contact-content{grid-template-columns:1fr 1fr;gap:5rem}.hero-value-prop{gap:4rem;margin:4rem 0}.value-item{padding:1.5rem 2.5rem;font-size:1.1rem}.navbar{padding:2rem 4rem}.nav-links{gap:4rem}.nav-links a{padding:1rem 2rem;font-size:1.2rem}.section{padding:8rem 0}.project-card{max-width:600px}.skill-card{max-width:300px}}@media (min-width: 1200px) and (max-width: 1399px){.container{max-width:1400px;padding:0 2.5rem}.hero-title{font-size:4rem;line-height:1.2}.hero-subtitle{font-size:1.3rem;max-width:700px;margin:0 auto 2rem}.section-title{font-size:3rem;margin-bottom:3.5rem}.projects-grid,.skills-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.case-studies-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.achievements-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.about-content{grid-template-columns:2fr 1fr;gap:3.5rem}.contact-content{grid-template-columns:1fr 1fr;gap:3.5rem}.hero-value-prop{gap:2.5rem;margin:2.5rem 0}.value-item{padding:1rem 1.8rem;font-size:.95rem}.navbar{padding:1.2rem 2.5rem}.nav-links{gap:2.5rem}.nav-links a{padding:.7rem 1.3rem;font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 2rem;max-width:100%}.hero{padding:140px 2rem 100px;min-height:90vh}.hero-title{font-size:3.2rem;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.section{padding:90px 0}.section-title{font-size:2.5rem;margin-bottom:3rem}.about-content{grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}.about-text{order:1}.about-image{order:2}.about-text p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.profile-card{max-width:380px;padding:2.5rem}.profile-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-item{padding:1.2rem;background:rgba(0,0,0,.3);border-radius:12px}.stat-number{font-size:1.8rem;margin-bottom:.5rem}.stat-label{font-size:.9rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.skill-category{padding:2.5rem;border-radius:20px}.skill-category h3{font-size:1.4rem;margin-bottom:1.5rem}.skill-tags{gap:.8rem;margin-bottom:1.5rem}.skill-tag{padding:.7rem 1.2rem;font-size:.95rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.project-card{border-radius:20px;overflow:hidden}.project-content{padding:2rem}.project-content h3{font-size:1.4rem;margin-bottom:1.2rem}.project-content p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-tech{margin:1.5rem 0;gap:.8rem}.tech-tag{padding:.5rem 1rem;font-size:.85rem}.project-links{gap:1.2rem;margin-top:1.5rem}.project-link{padding:.8rem 1.5rem;font-size:.95rem}.case-studies-grid{grid-template-columns:1fr;gap:2.5rem}.case-study-card{padding:2.5rem;border-radius:20px}.case-study-header h3{font-size:1.5rem}.case-study-content h4{font-size:1.1rem;margin-top:2rem}.case-study-content p{font-size:1rem;line-height:1.7}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.achievement-card{padding:2.5rem;border-radius:20px}.achievement-card h3{font-size:1.3rem;margin-bottom:1rem}.achievement-card p{font-size:1rem;line-height:1.6}.contact-content{grid-template-columns:1fr;gap:3rem}.contact-form{padding:2.5rem;border-radius:20px}.form-group input,.form-group textarea{padding:1.2rem;font-size:1rem;border-radius:12px}.hero-value-prop{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem;margin:2.5rem 0}.value-item{flex:1;min-width:220px;max-width:280px;padding:1.2rem 1.8rem;font-size:.95rem}.value-icon{font-size:1.3rem}.value-text{font-size:.9rem}.navbar{padding:1.5rem 2rem}.nav-links{gap:2rem}.nav-links a{padding:.8rem 1.5rem;font-size:1rem;border-radius:10px}.btn-primary,.btn-secondary{padding:1rem 2.5rem;font-size:1.1rem;border-radius:50px;min-height:55px}.hero-buttons{gap:1.5rem;margin-top:3rem}.current-work-detail{margin-top:2rem;padding:2rem;border-radius:15px}.current-work-detail h3{font-size:1.3rem;margin-bottom:1.5rem;text-align:left}.work-status{flex-direction:row;gap:1.5rem;align-items:flex-start}.status-dot-large{margin-top:.3rem;width:14px;height:14px}.work-info{text-align:left;flex:1}.work-title{font-size:1.1rem;margin-bottom:.8rem;text-align:left}.work-description{font-size:.95rem;line-height:1.5;margin-bottom:1.2rem;text-align:left}.work-progress{margin-bottom:1.2rem}.progress-bar{height:10px;margin-bottom:.6rem}.progress-text{font-size:.85rem;text-align:left}.work-tech-stack{gap:.6rem;justify-content:flex-start}.tech-item{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6,span,div{-webkit-user-select:text;-moz-user-select:text;user-select:text}body{-ms-overflow-style:none;scrollbar-width:none;touch-action:manipulation;overflow-x:hidden}body::-webkit-scrollbar{display:none}button,a,input,textarea,select,.skill-tag,.tech-tag,.project-link{min-height:48px;min-width:48px;touch-action:manipulation}.container{padding:0 1.2rem;max-width:100%;overflow-x:hidden;box-sizing:border-box}.section{padding:60px 0;overflow-x:hidden}.hero{padding:100px 1.2rem 60px;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero-title{font-size:2.4rem;line-height:1.2;margin-bottom:1.5rem;font-weight:700}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem;line-height:1.5;max-width:90%;margin-left:auto;margin-right:auto}.section-title{font-size:2rem;margin-bottom:2rem;text-align:center}.about-content{grid-template-columns:1fr;gap:2.5rem}.about-text{order:2;text-align:center}.about-image{order:1;margin-bottom:1.5rem}.about-text p{font-size:1rem!important;line-height:1.7!important;margin-bottom:1.5rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important;hyphens:auto!important;text-align:center!important;max-width:100%!important;padding:0!important;white-space:normal!important;overflow:visible!important}.about-text p:last-child{margin-bottom:2rem}.profile-card{max-width:100%;width:100%;margin:0 auto;padding:2rem;text-align:center;box-sizing:border-box}.profile-image{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.placeholder-image{font-size:4rem!important;margin-bottom:1rem!important;display:block!important;font-weight:700!important}.profile-badge{padding:.6rem 1.2rem;font-size:.85rem;border-radius:15px;white-space:nowrap;display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;margin:0 auto;font-weight:600}.profile-stats{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.stat-item{padding:1rem;background:rgba(0,0,0,.4);border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.15)}.stat-number{font-size:1.6rem!important;margin-bottom:.5rem!important;display:block!important;color:#4a9eff!important;font-weight:700!important}.stat-label{font-size:.85rem;line-height:1.3;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.mobile-menu-toggle{display:flex;z-index:10001;padding:.8rem;border-radius:8px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}.hamburger{width:28px;height:3px;background:#e0e0e0;margin:4px 0;transition:.3s;border-radius:2px}.nav-links{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:rgba(20,20,30,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:10000}.nav-links.active{left:0}.nav-links a{margin:1rem 0;font-size:1.4rem;padding:1.2rem 2.5rem;width:90%;max-width:320px;text-align:center;border-radius:15px;font-weight:600;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-links a:hover,.nav-links a:active{background:rgba(74,158,255,.2);border-color:rgba(74,158,255,.4);transform:translateY(-2px)}.nav-links a.active{background:rgba(74,158,255,.3);border-color:#4a9eff;color:#4a9eff}.hero-buttons{flex-direction:column;align-items:center;gap:1.2rem;margin-top:2.5rem}.btn-primary,.btn-secondary{width:100%;max-width:300px;min-height:55px;touch-action:manipulation;font-size:1.1rem;font-weight:600;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:50px;padding:1rem 2rem;transition:all .3s ease}.btn-primary:active,.btn-secondary:active{transform:translateY(1px) scale(.98)}.hero-value-prop{flex-direction:column;gap:1.2rem;margin:2rem 0}.value-item{padding:1.2rem 1.5rem;font-size:.95rem;border-radius:20px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.value-item:active{transform:scale(.98);background:rgba(74,158,255,.1)}.value-icon{font-size:1.3rem;margin-right:.8rem}.value-text{font-size:.9rem;font-weight:500}.skills-grid{grid-template-columns:1fr;gap:1.8rem}.skill-category{padding:2rem;margin-bottom:1.5rem;border-radius:20px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.skill-category h3{font-size:1.2rem;margin-bottom:1.2rem;text-align:center}.skill-tags{gap:.8rem;margin-bottom:1.5rem;justify-content:center}.skill-tag{padding:.8rem 1.2rem;font-size:.9rem;border-radius:25px;transition:all .3s ease}.skill-tag:active{transform:scale(.95)}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card{margin-bottom:2rem;border-radius:20px;overflow:hidden;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.project-card:active{transform:scale(.98)}.project-content{padding:2rem}.project-content h3{font-size:1.3rem;margin-bottom:1rem;text-align:center}.project-content p{font-size:.95rem;line-height:1.6;text-align:center;margin-bottom:1.5rem}.project-tech{margin:1.5rem 0;gap:.8rem;justify-content:center}.tech-tag{padding:.6rem 1rem;font-size:.85rem;border-radius:15px}.project-links{flex-direction:column;gap:1rem;margin-top:1.5rem}.project-link{padding:1rem 1.5rem;text-align:center;font-size:.95rem;border-radius:12px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);transition:all .3s ease}.project-link:active{transform:scale(.98);background:rgba(0,212,255,.2)}.case-studies-grid{grid-template-columns:1fr;gap:2rem}.case-study-card{padding:2rem;border-radius:20px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.case-study-header h3{font-size:1.3rem;text-align:center;margin-bottom:1rem}.case-study-content h4{font-size:1rem;margin-top:1.5rem;margin-bottom:.8rem}.case-study-content p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.achievements-grid{grid-template-columns:1fr;gap:2rem}.achievement-card{padding:2rem;border-radius:20px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);text-align:center}.achievement-card h3{font-size:1.2rem;margin-bottom:1rem}.achievement-card p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.achievement-icon{font-size:3.5rem;margin-bottom:1.5rem}.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-form{padding:2rem;border-radius:20px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.form-group input,.form-group textarea{padding:1.2rem;font-size:1rem;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);color:#e0e0e0;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#00d4ff;background:rgba(0,0,0,.5);outline:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#888}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.current-work-detail{margin-top:1.5rem;padding:1.5rem;border-radius:15px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.current-work-detail h3{font-size:1.1rem!important;margin-bottom:1rem!important;text-align:center!important;color:#fff!important}.work-status{flex-direction:column;gap:1rem;width:100%}.work-title{font-size:1rem;margin-bottom:.8rem;word-wrap:break-word;overflow-wrap:break-word;text-align:center;font-weight:600;color:#fff}.work-description{font-size:.9rem;line-height:1.5;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;text-align:center;color:#b0b0b0;padding:0 .5rem}.work-progress{margin-bottom:1rem;width:100%}.progress-bar{height:8px;margin-bottom:.5rem;width:100%;background:rgba(255,255,255,.1);border-radius:4px}.progress-text{font-size:.8rem;text-align:center;color:#4a9eff;font-weight:500}.work-tech-stack{flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.tech-item{padding:.4rem .8rem;font-size:.8rem;border-radius:8px;background:rgba(0,212,255,.15);color:#4a9eff;border:1px solid rgba(0,212,255,.3);white-space:nowrap}.nav-links{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-links a{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-links a,.project-link,.skill-tag{min-height:50px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.hero-value-prop{flex-direction:column;gap:1rem;margin:1.5rem 0}.value-item{padding:1rem;font-size:.9rem}.value-text{font-size:.85rem}.current-work-detail{margin-top:1rem;padding:1rem;border-radius:10px;width:100%;max-width:100%;box-sizing:border-box}.current-work-detail h3{font-size:1rem!important;margin-bottom:.8rem!important;text-align:center!important;color:#fff!important}.work-status{flex-direction:column;gap:.6rem;width:100%}.status-dot-large{align-self:center;margin:0 auto .5rem;width:12px;height:12px}.work-info{width:100%;text-align:center}.work-title{font-size:.9rem;margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word;text-align:center;font-weight:600;color:#fff}.work-description{font-size:.8rem;line-height:1.4;margin-bottom:.8rem;word-wrap:break-word;overflow-wrap:break-word;text-align:center;color:#b0b0b0;padding:0 .5rem}.work-progress{margin-bottom:.8rem;width:100%}.progress-bar{height:8px;margin-bottom:.4rem;width:100%;background:rgba(255,255,255,.1);border-radius:4px}.progress-fill{height:100%;border-radius:4px}.progress-text{font-size:.75rem;text-align:center;color:#4a9eff;font-weight:500}.work-tech-stack{flex-wrap:wrap;gap:.3rem;justify-content:center;width:100%}.tech-item{padding:.25rem .5rem;font-size:.7rem;border-radius:6px;background:rgba(0,212,255,.15);color:#4a9eff;border:1px solid rgba(0,212,255,.3);white-space:nowrap}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skill-category{padding:1.5rem;margin-bottom:1rem}.skill-category h3{font-size:1.1rem;margin-bottom:.8rem}.skill-tags{gap:.5rem;margin-bottom:1rem}.skill-tag{padding:.6rem 1rem;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{margin-bottom:1.5rem}.project-content{padding:1.2rem}.project-content h3{font-size:1.2rem;margin-bottom:.8rem}.project-content p{font-size:.9rem;line-height:1.5}.project-tech{margin:1rem 0}.tech-tag{padding:.4rem .8rem;font-size:.8rem}.project-links{flex-direction:column;gap:.8rem}.project-link{padding:.8rem 1.2rem;text-align:center;font-size:.9rem}.case-studies-grid{grid-template-columns:1fr;gap:1.5rem}.case-study-card{padding:1.5rem}.case-study-header h3{font-size:1.2rem}.case-study-content h4{font-size:.95rem}.case-study-content p{font-size:.9rem}.achievements-grid{grid-template-columns:1fr;gap:1.5rem}.achievement-card{padding:1.5rem}.achievement-card h3{font-size:1.1rem}.achievement-card p{font-size:.9rem}.testimonials-grid{grid-template-columns:1fr}.cta-stats{gap:2rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.1rem}.skill-category,.project-card{padding:1.5rem}.status-corner{top:10px;right:10px;padding:.6rem .8rem;max-width:150px}.status-corner .status-text{font-size:.7rem}.status-corner .work-project{font-size:.8rem}.status-corner .current-work{margin-left:1rem}.status-container{margin:1rem auto;padding:1rem}.current-work{margin-left:1rem}.work-tech{justify-content:center}}@media (min-width: 481px) and (max-width: 768px){.container{padding:0 1.5rem}.hero{padding:110px 1.5rem 70px}.hero-title{font-size:2.6rem;line-height:1.2}.hero-subtitle{font-size:1.15rem;max-width:85%}.section{padding:70px 0}.section-title{font-size:2.2rem;margin-bottom:2.5rem}.projects-grid{grid-template-columns:1fr;gap:2.5rem}.skills-grid,.achievements-grid,.case-studies-grid{grid-template-columns:1fr;gap:2.2rem}.profile-card{padding:2.5rem;max-width:450px}.profile-stats{grid-template-columns:repeat(2,1fr);gap:1.2rem}.stat-item{padding:1.2rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.btn-primary,.btn-secondary{max-width:350px;min-height:60px;font-size:1.15rem;padding:1.2rem 2.5rem}.nav-links a{font-size:1.5rem;padding:1.4rem 3rem;max-width:350px}.value-item{padding:1.4rem 2rem;font-size:1rem}.value-text{font-size:.95rem}}@media (max-width: 375px){.container{padding:0 .8rem}.hero{padding:80px .8rem 40px;min-height:100vh}.hero-title{font-size:1.8rem;line-height:1.2;margin-bottom:1rem;word-break:break-word}.hero-subtitle{font-size:.9rem;margin-bottom:1.5rem;max-width:100%;line-height:1.4}.section{padding:40px 0}.section-title{font-size:1.6rem;margin-bottom:1.5rem;word-break:break-word}.btn{padding:.8rem 1.2rem;font-size:.9rem;min-height:44px;min-width:44px}.project-card{padding:1.2rem;margin-bottom:1.5rem}.project-card h3{font-size:1.1rem;margin-bottom:.8rem}.project-card p{font-size:.85rem;line-height:1.4}.skill-card{padding:1rem;margin-bottom:1rem}.skill-card h3{font-size:1rem;margin-bottom:.8rem}.skill-card p{font-size:.8rem;line-height:1.3}.navbar{padding:1rem .8rem}.nav-links{gap:1rem}.nav-links a{padding:.8rem 1rem;font-size:.9rem}.mobile-menu-toggle{padding:.8rem;min-width:44px;min-height:44px}.contact-form{padding:1.5rem}.contact-form input,.contact-form textarea{padding:.8rem;font-size:.9rem}.contact-form button{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.container{padding:0 1rem}.hero{padding:90px 1rem 50px;min-height:100vh}.hero-title{font-size:2rem;line-height:1.3;margin-bottom:1.2rem}.hero-subtitle{font-size:1rem;margin-bottom:1.8rem;max-width:95%}.section{padding:50px 0}.section-title{font-size:1.8rem;margin-bottom:2rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skill-category{padding:1.5rem;margin-bottom:1rem}.skill-category h3{font-size:1.1rem;margin-bottom:1rem}.skill-tags{gap:.6rem;margin-bottom:1.2rem}.skill-tag{padding:.7rem 1rem;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:1.8rem}.project-card{margin-bottom:1.5rem}.project-content{padding:1.5rem}.project-content h3{font-size:1.2rem;margin-bottom:.8rem}.project-content p{font-size:.9rem;line-height:1.5;margin-bottom:1.2rem}.project-tech{margin:1.2rem 0;gap:.6rem}.tech-tag{padding:.5rem .8rem;font-size:.8rem}.project-links{gap:.8rem;margin-top:1.2rem}.project-link{padding:.9rem 1.2rem;font-size:.9rem}.case-studies-grid{grid-template-columns:1fr;gap:1.8rem}.case-study-card{padding:1.5rem}.case-study-header h3{font-size:1.2rem;margin-bottom:.8rem}.case-study-content h4{font-size:.95rem;margin-top:1.2rem;margin-bottom:.6rem}.case-study-content p{font-size:.9rem;line-height:1.5;margin-bottom:.8rem}.achievements-grid{grid-template-columns:1fr;gap:1.8rem}.achievement-card{padding:1.5rem}.achievement-card h3{font-size:1.1rem;margin-bottom:.8rem}.achievement-card p{font-size:.9rem;line-height:1.5;margin-bottom:.8rem}.achievement-icon{font-size:3rem;margin-bottom:1.2rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}.form-group input,.form-group textarea{padding:1rem;font-size:.95rem}.btn-primary,.btn-secondary{width:100%;max-width:280px;min-height:50px;font-size:1rem;padding:.9rem 1.8rem}.hero-buttons{gap:1rem;margin-top:2rem}.nav-links a{font-size:1.3rem;padding:1rem 2rem;max-width:280px}.navbar{padding:1rem 1.2rem}.nav-brand{font-size:1.3rem}.mobile-menu-toggle{padding:.6rem}.hamburger{width:24px;height:2.5px}.profile-card{padding:1.8rem;max-width:100%}.profile-stats{grid-template-columns:1fr;gap:1rem}.stat-item{padding:1rem;background:rgba(0,0,0,.4);border-radius:10px}.profile-image{margin-bottom:1.2rem}.placeholder-image{font-size:3.5rem!important;margin-bottom:.8rem!important}.profile-badge{padding:.6rem 1rem;font-size:.8rem;border-radius:12px;max-width:85%}.stat-number{font-size:1.5rem!important;margin-bottom:.3rem!important}.stat-label{font-size:.8rem;line-height:1.3}.hero-value-prop{gap:1rem;margin:1.8rem 0}.value-item{padding:1rem 1.2rem;font-size:.9rem}.value-icon{font-size:1.2rem;margin-right:.6rem}.value-text{font-size:.85rem}.current-work-detail{margin-top:1.2rem;padding:1.2rem}.current-work-detail h3{font-size:1rem!important;margin-bottom:.8rem!important}.work-title{font-size:.95rem;margin-bottom:.6rem}.work-description{font-size:.85rem;line-height:1.4;margin-bottom:.8rem;padding:0 .3rem}.progress-bar{height:6px;margin-bottom:.4rem}.progress-text{font-size:.75rem}.tech-item{padding:.3rem .6rem;font-size:.75rem}.currently-listening-detail{margin-top:1rem;padding:1rem;border-radius:10px;width:100%;max-width:100%;box-sizing:border-box}.currently-listening-detail h3{font-size:1rem!important;margin-bottom:.8rem!important;text-align:center!important;color:#fff!important}.listening-status{flex-direction:column;gap:.8rem;width:100%}.spotify-icon{align-self:center;margin:0 auto .3rem;font-size:2rem}.listening-info{width:100%;text-align:center}.track-name{font-size:.95rem;margin-bottom:.4rem;word-wrap:break-word;overflow-wrap:break-word;text-align:center;font-weight:600;color:#fff}.artist-name{font-size:.85rem;line-height:1.3;margin-bottom:.8rem;word-wrap:break-word;overflow-wrap:break-word;text-align:center;color:#b0b0b0;padding:0 .3rem}.track-progress{margin-bottom:.8rem;width:100%}.progress-bar{height:5px;margin-bottom:.3rem;width:100%;background:rgba(255,255,255,.1);border-radius:3px}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(45deg,#1db954,#1ed760)}.track-time{font-size:.7rem;text-align:center}.spotify-link{margin-top:.8rem;text-align:center}.spotify-link-btn{padding:.6rem 1.2rem;font-size:.8rem;border-radius:15px}.spotify-status{margin-top:.8rem}.spotify-status .status-indicator{padding:.5rem .8rem}.spotify-status .status-text{font-size:.75rem}.cta-content h2{font-size:1.8rem;margin-bottom:1rem}.cta-content p{font-size:1rem;margin-bottom:1.5rem}.cta-stats{flex-direction:column;gap:1rem}.stat{text-align:center}.stat-number{font-size:2rem;margin-bottom:.3rem}.stat-label{font-size:.85rem}.fab{width:50px;height:50px;bottom:1.5rem;right:1.5rem;font-size:1.2rem}}@media (max-width: 320px){.hero-title{font-size:1.4rem;line-height:1.3}.section-title{font-size:1.4rem}.status-corner{display:none}.hero{padding:70px .5rem 30px}.section{padding:30px 0}.about-text p{font-size:.9rem;line-height:1.5;padding:0 .3rem}.current-work-detail{padding:.8rem;margin-top:.8rem}.current-work-detail h3{font-size:.9rem}.work-title{font-size:.8rem}.work-description{font-size:.75rem;padding:0 .3rem}.tech-item{padding:.2rem .4rem;font-size:.65rem}.profile-card{padding:1.2rem}.placeholder-image{font-size:3rem}.profile-badge{font-size:.75rem;padding:.4rem .8rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.75rem}.container{padding:0 .5rem}}@media (min-resolution: 192dpi){.placeholder-image,.profile-badge,.skill-tag,.tech-tag{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}#modern-container.light-mode{background:#f8f9fa;color:#333}#modern-container.light-mode .navbar{background:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.1)}#modern-container.light-mode .nav-brand{color:#2c3e50}#modern-container.light-mode .nav-links a{color:#555}#modern-container.light-mode .nav-links a:hover{color:#4a9eff;background:rgba(74,158,255,.1)}#modern-container.light-mode .hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}#modern-container.light-mode .section-title{color:#2c3e50}#modern-container.light-mode .skill-category,#modern-container.light-mode .project-card,#modern-container.light-mode .case-study-card,#modern-container.light-mode .achievement-card,#modern-container.light-mode .contact-form{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);color:#333}#modern-container.light-mode .skill-category h3,#modern-container.light-mode .project-content h3,#modern-container.light-mode .case-study-header h3,#modern-container.light-mode .achievement-card h3{color:#2c3e50}#modern-container.light-mode .skill-category p,#modern-container.light-mode .project-content p,#modern-container.light-mode .case-study-content p,#modern-container.light-mode .achievement-card p{color:#666}.loading-skeleton{background:#e0e0e0;border-radius:4px}*{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}body{overflow-x:hidden;max-width:100vw}.container{max-width:100%;overflow-x:hidden}@media (max-width: 768px){.about-text p{display:block;overflow:visible;text-overflow:unset;max-height:none}.work-description{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4rem}.profile-badge{max-width:80%;overflow:hidden;text-overflow:ellipsis}}pre,code{overflow-x:auto;white-space:pre;word-wrap:normal;max-width:100%}pre{background:#1a1a1a;border-radius:8px;padding:1rem;margin:1rem 0;border:1px solid rgba(255,255,255,.1)}code{background:rgba(0,0,0,.1);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}@media (max-width: 768px){body{overflow-x:hidden;max-width:100vw}.container{max-width:100%;padding:0 1rem;overflow-x:hidden}pre{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 2rem)}img{max-width:100%;height:auto}table{width:100%;overflow-x:auto;display:block;white-space:nowrap}a,p,span,div{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}}@media (min-width: 1920px){.container{max-width:1600px;margin:0 auto}.hero-title{font-size:4.5rem}.section-title{font-size:3.5rem}}*:focus{outline:2px solid #4a9eff;outline-offset:2px;border-radius:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid #4a9eff;outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-100px;left:6px;background:#4a9eff;color:#fff;padding:12px 16px;text-decoration:none;border-radius:4px;z-index:10001;transition:top .3s ease;font-weight:600;font-size:14px}.skip-link:focus{top:6px;color:#fff;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #4a9eff;outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.btn-primary,.skill-tag,.tech-tag{border:2px solid currentColor;background:#000;color:#fff}.project-card,.skill-category{border:2px solid currentColor}}.skip-link{position:absolute;top:-100px;left:6px;background:#4a9eff;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:10001;transition:top .3s;opacity:0;pointer-events:none}.skip-link:focus{top:6px;opacity:1;pointer-events:auto}@media (prefers-contrast: high){.btn-primary{border:2px solid currentColor}.skill-tag,.tech-tag{border:1px solid currentColor}}button:focus,a:focus,input:focus,textarea:focus{outline:2px solid #4a9eff;outline-offset:2px}.skill-tag,.tech-tag,.project-link{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-tag:before,.tech-tag:before,.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.skill-tag:hover:before,.tech-tag:hover:before,.project-link:hover:before{left:100%}.skill-tag:hover,.tech-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(74,158,255,.3)}.project-link:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,212,255,.2)}.btn-primary,.btn-secondary{position:relative;overflow:hidden}.btn-primary:after,.btn-secondary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:active:after,.btn-secondary:active:after{width:300px;height:300px}.project-card,.skill-category,.case-study-card{position:relative}::selection{background:rgba(74,158,255,.3);color:inherit}::-moz-selection{background:rgba(74,158,255,.3);color:inherit}@media (min-width: 769px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#4a9eff,#2ecc71);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#5aa9ff,#3ddc81)}}.scroll-indicator{position:fixed;top:80px;left:0;width:100%;height:3px;background:rgba(74,158,255,.1);z-index:9998}.scroll-progress{height:100%;background:linear-gradient(90deg,#4a9eff,#2ecc71);width:0%;transition:width .1s ease}.fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg,#4a9eff,#2ecc71);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(74,158,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;align-items:center;justify-content:center;font-size:1.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.fab:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px rgba(74,158,255,.5);background:linear-gradient(45deg,#5aa9ff,#3ddc81)}.fab:active{transform:translateY(-1px) scale(1.05)}.fab:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(45deg,#4a9eff,#2ecc71);z-index:-1;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(74,158,255,.7)}70%{box-shadow:0 0 0 10px rgba(74,158,255,0)}to{box-shadow:0 0 rgba(74,158,255,0)}}.stagger-item{opacity:0;transform:translateY(20px);animation:staggerIn .6s ease forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);transform:scale(0);animation:ripple .6s cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.loading-shimmer{background:rgba(255,255,255,.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-content{animation:none!important}.fade-in-up{animation:none!important;opacity:1!important;transform:none!important}.loading-skeleton{animation:none!important;background:#e0e0e0!important}.loading-spinner{animation:none!important}.achievement-card:before,.achievement-card:after{animation:none!important;opacity:0!important}}:root{--color-primary: #4a9eff;--color-primary-light: #6bb6ff;--color-primary-dark: #3a7ecc;--color-secondary: #2ecc71;--color-accent: #e74c3c;--color-warning: #f39c12;--color-info: #3498db;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-200: #dee2e6;--color-gray-300: #ced4da;--color-gray-400: #adb5bd;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #343a40;--color-gray-800: #212529;--color-gray-900: #0a0a0f;--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--bg-surface: var(--color-gray-800);--bg-overlay: rgba(0, 0, 0, .8);--text-primary: var(--color-white);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-500);--text-inverse: var(--color-gray-900);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-3xl: 1920px;--grid-columns: 12;--grid-gap: var(--space-4);--grid-gap-sm: var(--space-2);--grid-gap-lg: var(--space-6);--focus-ring: 0 0 0 3px rgba(74, 158, 255, .5);--focus-ring-offset: 2px}[data-theme=light]{--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-surface: var(--color-white);--bg-overlay: rgba(255, 255, 255, .8);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--text-muted: var(--color-gray-500);--text-inverse: var(--color-white);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-bounce: 0ms}}@media (prefers-contrast: high){:root{--color-primary: #0066cc;--color-secondary: #009900;--color-accent: #cc0000;--text-primary: var(--color-black);--text-secondary: var(--color-gray-800)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-5xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-3xl);line-height:var(--line-height-snug)}h4{font-size:var(--font-size-2xl);line-height:var(--line-height-snug)}h5{font-size:var(--font-size-xl);line-height:var(--line-height-normal)}h6{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}a:focus:not(:focus-visible){outline:none}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);color:var(--color-accent)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:none;padding:0;color:inherit}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-gray-700)}th{font-weight:var(--font-weight-semibold);background-color:var(--bg-secondary)}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--color-white);padding:8px;text-decoration:none;z-index:var(--z-tooltip);border-radius:var(--radius-base)}.skip-link:focus{top:6px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}::selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--xl{max-width:var(--container-xl)}.container--2xl{max-width:var(--container-2xl)}.container--3xl{max-width:var(--container-3xl)}.container--fluid{max-width:none}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}@media (min-width: 1280px){.container{padding:0 var(--space-12)}}.container--tight{padding:0 var(--space-2)}.container--loose{padding:0 var(--space-8)}@media (min-width: 640px){.container--loose{padding:0 var(--space-12)}}@media (min-width: 1024px){.container--loose{padding:0 var(--space-16)}}.grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-columns),1fr)}.grid--gap-sm{gap:var(--grid-gap-sm)}.grid--gap-lg{gap:var(--grid-gap-lg)}.grid--gap-none{gap:0}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-5{grid-template-columns:repeat(5,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid__item,.grid__item--span-1{grid-column:span 1}.grid__item--span-2{grid-column:span 2}.grid__item--span-3{grid-column:span 3}.grid__item--span-4{grid-column:span 4}.grid__item--span-5{grid-column:span 5}.grid__item--span-6{grid-column:span 6}.grid__item--span-7{grid-column:span 7}.grid__item--span-8{grid-column:span 8}.grid__item--span-9{grid-column:span 9}.grid__item--span-10{grid-column:span 10}.grid__item--span-11{grid-column:span 11}.grid__item--span-12{grid-column:span 12}.grid__item--start-1{grid-column-start:1}.grid__item--start-2{grid-column-start:2}.grid__item--start-3{grid-column-start:3}.grid__item--start-4{grid-column-start:4}.grid__item--start-5{grid-column-start:5}.grid__item--start-6{grid-column-start:6}.grid__item--start-7{grid-column-start:7}.grid__item--start-8{grid-column-start:8}.grid__item--start-9{grid-column-start:9}.grid__item--start-10{grid-column-start:10}.grid__item--start-11{grid-column-start:11}.grid__item--start-12{grid-column-start:12}@media (max-width: 639px){.grid--responsive{grid-template-columns:1fr}}@media (min-width: 640px) and (max-width: 1023px){.grid--responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid--responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.grid--responsive{grid-template-columns:repeat(4,1fr)}}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid--auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid--auto-fill-lg{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid--areas{grid-template-areas:"header header header" "sidebar main main" "footer footer footer"}.grid__item--header{grid-area:header}.grid__item--sidebar{grid-area:sidebar}.grid__item--main{grid-area:main}.grid__item--footer{grid-area:footer}.no-grid .grid{display:flex;flex-wrap:wrap}.no-grid .grid__item{flex:1;min-width:250px;margin-bottom:var(--space-4)}.no-grid .grid__item:not(:last-child){margin-right:var(--space-4)}.flex--row{flex-direction:row}.flex--row-reverse{flex-direction:row-reverse}.flex--col{flex-direction:column}.flex--col-reverse{flex-direction:column-reverse}.flex--wrap{flex-wrap:wrap}.flex--nowrap{flex-wrap:nowrap}.flex--wrap-reverse{flex-wrap:wrap-reverse}.flex--justify-start{justify-content:flex-start}.flex--justify-end{justify-content:flex-end}.flex--justify-center{justify-content:center}.flex--justify-between{justify-content:space-between}.flex--justify-around{justify-content:space-around}.flex--justify-evenly{justify-content:space-evenly}.flex--items-start{align-items:flex-start}.flex--items-end{align-items:flex-end}.flex--items-center{align-items:center}.flex--items-baseline{align-items:baseline}.flex--items-stretch{align-items:stretch}.flex--content-start{align-content:flex-start}.flex--content-end{align-content:flex-end}.flex--content-center{align-content:center}.flex--content-between{align-content:space-between}.flex--content-around{align-content:space-around}.flex--content-stretch{align-content:stretch}.flex__item{flex:1}.flex__item--none{flex:none}.flex__item--auto{flex:auto}.flex__item--initial{flex:initial}.flex__item--grow{flex-grow:1}.flex__item--grow-0{flex-grow:0}.flex__item--shrink{flex-shrink:1}.flex__item--shrink-0{flex-shrink:0}.flex__item--basis-0{flex-basis:0}.flex__item--basis-auto{flex-basis:auto}.flex__item--basis-full{flex-basis:100%}.flex__item--self-auto{align-self:auto}.flex__item--self-start{align-self:flex-start}.flex__item--self-end{align-self:flex-end}.flex__item--self-center{align-self:center}.flex__item--self-baseline{align-self:baseline}.flex__item--self-stretch{align-self:stretch}.flex__item--order-first{order:-1}.flex__item--order-last{order:9999}.flex__item--order-1{order:1}.flex__item--order-2{order:2}.flex__item--order-3{order:3}.flex__item--order-4{order:4}.flex__item--order-5{order:5}.flex--gap-0{gap:0}.flex--gap-1{gap:var(--space-1)}.flex--gap-2{gap:var(--space-2)}.flex--gap-3{gap:var(--space-3)}.flex--gap-4{gap:var(--space-4)}.flex--gap-5{gap:var(--space-5)}.flex--gap-6{gap:var(--space-6)}.flex--gap-8{gap:var(--space-8)}.flex--gap-10{gap:var(--space-10)}.flex--gap-12{gap:var(--space-12)}@media (max-width: 639px){.flex--responsive{flex-direction:column}}@media (min-width: 640px){.flex--responsive{flex-direction:row}}.no-flexbox .flex{display:block}.no-flexbox .flex--row{display:table;width:100%}.no-flexbox .flex--row .flex__item{display:table-cell;vertical-align:top}.no-flexbox .flex--col .flex__item{display:block;width:100%;margin-bottom:var(--space-4)}.no-flexbox .flex--col .flex__item:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition-fast);min-height:44px;min-width:44px}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn--primary{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--secondary{color:var(--text-primary);background-color:transparent;border-color:var(--color-gray-600)}.btn--secondary:hover{background-color:var(--bg-secondary);border-color:var(--color-gray-500);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary:active{background-color:var(--bg-tertiary);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--outline{color:var(--color-primary);background-color:transparent;border-color:var(--color-primary)}.btn--outline:hover{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline:active{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--ghost{color:var(--text-primary);background-color:transparent;border-color:transparent}.btn--ghost:hover{background-color:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--ghost:active{background-color:var(--bg-tertiary);transform:translateY(0);box-shadow:none}.btn--danger{color:var(--color-white);background-color:var(--color-accent);border-color:var(--color-accent)}.btn--danger:hover{background-color:#c0392b;border-color:#c0392b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--danger:active{background-color:#a93226;border-color:#a93226;transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--success{color:var(--color-white);background-color:var(--color-secondary);border-color:var(--color-secondary)}.btn--success:hover{background-color:#27ae60;border-color:#27ae60;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--success:active{background-color:#229954;border-color:#229954;transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:36px;min-width:36px}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);min-height:52px;min-width:52px}.btn--xl{padding:var(--space-5) var(--space-10);font-size:var(--font-size-xl);min-height:60px;min-width:60px}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__icon{width:1em;height:1em;flex-shrink:0}.btn__icon--left{margin-right:var(--space-1)}.btn__icon--right{margin-left:var(--space-1)}.btn-group{display:inline-flex;vertical-align:middle}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:1px}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn--fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.btn--fab:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.btn--fab:active{transform:scale(.95)}.touch-device .btn,.touch-device .btn--sm{min-height:44px;min-width:44px}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover,.btn:active{transform:none}.btn--loading:after{animation:none}.btn--fab:hover,.btn--fab:active{transform:none}}.card{display:flex;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--color-gray-700);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);overflow:hidden;transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.card__header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-700);background-color:var(--bg-secondary)}.card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0;line-height:var(--line-height-normal)}.card__body{padding:var(--space-6);flex:1}.card__content{color:var(--text-primary);line-height:var(--line-height-relaxed)}.card__content p{margin-bottom:var(--space-4)}.card__content p:last-child{margin-bottom:0}.card__footer{padding:var(--space-6);border-top:1px solid var(--color-gray-700);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card__actions{display:flex;gap:var(--space-2);align-items:center}.card__meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.card--elevated{box-shadow:var(--shadow-lg)}.card--elevated:hover{box-shadow:var(--shadow-xl)}.card--outlined{border:2px solid var(--color-primary);box-shadow:none}.card--outlined:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.card--flat{border:none;box-shadow:none;background-color:var(--bg-secondary)}.card--flat:hover{background-color:var(--bg-tertiary);transform:none}.card--sm .card__header,.card--sm .card__body,.card--sm .card__footer{padding:var(--space-4)}.card--lg .card__header,.card--lg .card__body,.card--lg .card__footer{padding:var(--space-8)}.card--xl .card__header,.card--xl .card__body,.card--xl .card__footer{padding:var(--space-10)}.card__image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card__image--sm{height:150px}.card__image--lg{height:300px}.card__image--full{height:400px}.card__badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.card__badge--secondary{background-color:var(--color-secondary)}.card__badge--accent{background-color:var(--color-accent)}.card__badge--warning{background-color:var(--color-warning)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card--interactive:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.card-grid--sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.card-grid--lg{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8)}.card-list{display:flex;flex-direction:column;gap:var(--space-4)}.card-list .card{flex-direction:row;align-items:center}.card-list .card__image{width:80px;height:80px;border-radius:var(--radius-lg);flex-shrink:0}.card-list .card__body{flex:1;padding:var(--space-4)}.card-list .card__footer{padding:var(--space-4);border-top:none;border-left:1px solid var(--color-gray-700);background-color:transparent}@media (max-width: 639px){.card-grid{grid-template-columns:1fr}.card-list .card{flex-direction:column}.card-list .card__image{width:100%;height:200px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-list .card__footer{border-left:none;border-top:1px solid var(--color-gray-700)}}[data-theme=light] .card{border-color:var(--color-gray-200);background-color:var(--color-white)}[data-theme=light] .card__header,[data-theme=light] .card__footer{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover,.card--interactive:hover,.card--interactive:active{transform:none}}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.m-32{margin:var(--space-32)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mt-24{margin-top:var(--space-24)}.mt-32{margin-top:var(--space-32)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-10{margin-right:var(--space-10)}.mr-12{margin-right:var(--space-12)}.mr-16{margin-right:var(--space-16)}.mr-20{margin-right:var(--space-20)}.mr-24{margin-right:var(--space-24)}.mr-32{margin-right:var(--space-32)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.mb-24{margin-bottom:var(--space-24)}.mb-32{margin-bottom:var(--space-32)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-10{margin-left:var(--space-10)}.ml-12{margin-left:var(--space-12)}.ml-16{margin-left:var(--space-16)}.ml-20{margin-left:var(--space-20)}.ml-24{margin-left:var(--space-24)}.ml-32{margin-left:var(--space-32)}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-10{margin-left:var(--space-10);margin-right:var(--space-10)}.mx-12{margin-left:var(--space-12);margin-right:var(--space-12)}.mx-16{margin-left:var(--space-16);margin-right:var(--space-16)}.mx-20{margin-left:var(--space-20);margin-right:var(--space-20)}.mx-24{margin-left:var(--space-24);margin-right:var(--space-24)}.mx-32{margin-left:var(--space-32);margin-right:var(--space-32)}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.my-20{margin-top:var(--space-20);margin-bottom:var(--space-20)}.my-24{margin-top:var(--space-24);margin-bottom:var(--space-24)}.my-32{margin-top:var(--space-32);margin-bottom:var(--space-32)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.p-32{padding:var(--space-32)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pt-20{padding-top:var(--space-20)}.pt-24{padding-top:var(--space-24)}.pt-32{padding-top:var(--space-32)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pr-10{padding-right:var(--space-10)}.pr-12{padding-right:var(--space-12)}.pr-16{padding-right:var(--space-16)}.pr-20{padding-right:var(--space-20)}.pr-24{padding-right:var(--space-24)}.pr-32{padding-right:var(--space-32)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pb-20{padding-bottom:var(--space-20)}.pb-24{padding-bottom:var(--space-24)}.pb-32{padding-bottom:var(--space-32)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pl-10{padding-left:var(--space-10)}.pl-12{padding-left:var(--space-12)}.pl-16{padding-left:var(--space-16)}.pl-20{padding-left:var(--space-20)}.pl-24{padding-left:var(--space-24)}.pl-32{padding-left:var(--space-32)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.px-20{padding-left:var(--space-20);padding-right:var(--space-20)}.px-24{padding-left:var(--space-24);padding-right:var(--space-24)}.px-32{padding-left:var(--space-32);padding-right:var(--space-32)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.py-32{padding-top:var(--space-32);padding-bottom:var(--space-32)}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-primary-color{color:var(--color-primary)}.text-secondary-color{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.word-spacing-tight{word-spacing:-.1em}.word-spacing-normal{word-spacing:normal}.word-spacing-wide{word-spacing:.1em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{word-break:normal}.break-words{word-break:break-word}.break-all{word-break:break-all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.font-sans{font-family:var(--font-family-primary)}.font-mono{font-family:var(--font-family-mono)}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.1)}.text-shadow{text-shadow:0 1px 3px rgba(0,0,0,.2)}.text-shadow-md{text-shadow:0 2px 4px rgba(0,0,0,.2)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.3)}.text-shadow-xl{text-shadow:0 8px 16px rgba(0,0,0,.4)}.text-shadow-none{text-shadow:none}@media (max-width: 639px){.text-responsive{font-size:var(--font-size-sm)}}@media (min-width: 640px){.text-responsive{font-size:var(--font-size-base)}}@media (min-width: 1024px){.text-responsive{font-size:var(--font-size-lg)}}@media print{.print-text-sm{font-size:12px}.print-text-base{font-size:14px}.print-text-lg{font-size:16px}.print-text-xl{font-size:18px}.print-text-2xl{font-size:20px}.print-text-3xl{font-size:24px}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.table{display:table}.inline-table{display:inline-table}.table-cell{display:table-cell}.table-row{display:table-row}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-header-group{display:table-header-group}.table-footer-group{display:table-footer-group}.table-row-group{display:table-row-group}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-moz-min-content;width:min-content}.w-max{width:-moz-max-content;width:max-content}.w-fit{width:-moz-fit-content;width:fit-content}.w-0{width:0}.w-1{width:var(--space-1)}.w-2{width:var(--space-2)}.w-3{width:var(--space-3)}.w-4{width:var(--space-4)}.w-5{width:var(--space-5)}.w-6{width:var(--space-6)}.w-8{width:var(--space-8)}.w-10{width:var(--space-10)}.w-12{width:var(--space-12)}.w-16{width:var(--space-16)}.w-20{width:var(--space-20)}.w-24{width:var(--space-24)}.w-32{width:var(--space-32)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:-moz-min-content;height:min-content}.h-max{height:-moz-max-content;height:max-content}.h-fit{height:-moz-fit-content;height:fit-content}.h-0{height:0}.h-1{height:var(--space-1)}.h-2{height:var(--space-2)}.h-3{height:var(--space-3)}.h-4{height:var(--space-4)}.h-5{height:var(--space-5)}.h-6{height:var(--space-6)}.h-8{height:var(--space-8)}.h-10{height:var(--space-10)}.h-12{height:var(--space-12)}.h-16{height:var(--space-16)}.h-20{height:var(--space-20)}.h-24{height:var(--space-24)}.h-32{height:var(--space-32)}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-min{max-width:-moz-min-content;max-width:min-content}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-h-none{max-height:none}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-min{max-height:-moz-min-content;max-height:min-content}.max-h-max{max-height:-moz-max-content;max-height:max-content}.max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:-moz-min-content;min-width:min-content}.min-w-max{min-width:-moz-max-content;min-width:max-content}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:-moz-min-content;min-height:min-content}.min-h-max{min-height:-moz-max-content;min-height:max-content}.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.aspect-3-2{aspect-ratio:3 / 2}.aspect-2-1{aspect-ratio:2 / 1}.aspect-1-1{aspect-ratio:1 / 1}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.object-left-top{-o-object-position:left top;object-position:left top}.object-right{-o-object-position:right;object-position:right}.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-right-top{-o-object-position:right top;object-position:right top}.object-top{-o-object-position:top;object-position:top}@media (max-width: 639px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media (min-width: 640px) and (max-width: 1023px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media print{.print\:block{display:block}.print\:hidden{display:none}.print\:inline{display:inline}.print\:inline-block{display:inline-block}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.top-1{top:var(--space-1)}.top-2{top:var(--space-2)}.top-3{top:var(--space-3)}.top-4{top:var(--space-4)}.top-5{top:var(--space-5)}.top-6{top:var(--space-6)}.top-8{top:var(--space-8)}.top-10{top:var(--space-10)}.top-12{top:var(--space-12)}.top-16{top:var(--space-16)}.top-20{top:var(--space-20)}.top-24{top:var(--space-24)}.top-32{top:var(--space-32)}.top-auto{top:auto}.right-0{right:0}.right-1{right:var(--space-1)}.right-2{right:var(--space-2)}.right-3{right:var(--space-3)}.right-4{right:var(--space-4)}.right-5{right:var(--space-5)}.right-6{right:var(--space-6)}.right-8{right:var(--space-8)}.right-10{right:var(--space-10)}.right-12{right:var(--space-12)}.right-16{right:var(--space-16)}.right-20{right:var(--space-20)}.right-24{right:var(--space-24)}.right-32{right:var(--space-32)}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-1{bottom:var(--space-1)}.bottom-2{bottom:var(--space-2)}.bottom-3{bottom:var(--space-3)}.bottom-4{bottom:var(--space-4)}.bottom-5{bottom:var(--space-5)}.bottom-6{bottom:var(--space-6)}.bottom-8{bottom:var(--space-8)}.bottom-10{bottom:var(--space-10)}.bottom-12{bottom:var(--space-12)}.bottom-16{bottom:var(--space-16)}.bottom-20{bottom:var(--space-20)}.bottom-24{bottom:var(--space-24)}.bottom-32{bottom:var(--space-32)}.bottom-auto{bottom:auto}.left-0{left:0}.left-1{left:var(--space-1)}.left-2{left:var(--space-2)}.left-3{left:var(--space-3)}.left-4{left:var(--space-4)}.left-5{left:var(--space-5)}.left-6{left:var(--space-6)}.left-8{left:var(--space-8)}.left-10{left:var(--space-10)}.left-12{left:var(--space-12)}.left-16{left:var(--space-16)}.left-20{left:var(--space-20)}.left-24{left:var(--space-24)}.left-32{left:var(--space-32)}.left-auto{left:auto}.inset-0{top:0;right:0;bottom:0;left:0}.inset-1{top:var(--space-1);right:var(--space-1);bottom:var(--space-1);left:var(--space-1)}.inset-2{top:var(--space-2);right:var(--space-2);bottom:var(--space-2);left:var(--space-2)}.inset-3{top:var(--space-3);right:var(--space-3);bottom:var(--space-3);left:var(--space-3)}.inset-4{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);left:var(--space-4)}.inset-5{top:var(--space-5);right:var(--space-5);bottom:var(--space-5);left:var(--space-5)}.inset-6{top:var(--space-6);right:var(--space-6);bottom:var(--space-6);left:var(--space-6)}.inset-8{top:var(--space-8);right:var(--space-8);bottom:var(--space-8);left:var(--space-8)}.inset-10{top:var(--space-10);right:var(--space-10);bottom:var(--space-10);left:var(--space-10)}.inset-12{top:var(--space-12);right:var(--space-12);bottom:var(--space-12);left:var(--space-12)}.inset-16{top:var(--space-16);right:var(--space-16);bottom:var(--space-16);left:var(--space-16)}.inset-20{top:var(--space-20);right:var(--space-20);bottom:var(--space-20);left:var(--space-20)}.inset-24{top:var(--space-24);right:var(--space-24);bottom:var(--space-24);left:var(--space-24)}.inset-32{top:var(--space-32);right:var(--space-32);bottom:var(--space-32);left:var(--space-32)}.inset-auto{top:auto;right:auto;bottom:auto;left:auto}.inset-x-0{left:0;right:0}.inset-x-1{left:var(--space-1);right:var(--space-1)}.inset-x-2{left:var(--space-2);right:var(--space-2)}.inset-x-3{left:var(--space-3);right:var(--space-3)}.inset-x-4{left:var(--space-4);right:var(--space-4)}.inset-x-5{left:var(--space-5);right:var(--space-5)}.inset-x-6{left:var(--space-6);right:var(--space-6)}.inset-x-8{left:var(--space-8);right:var(--space-8)}.inset-x-10{left:var(--space-10);right:var(--space-10)}.inset-x-12{left:var(--space-12);right:var(--space-12)}.inset-x-16{left:var(--space-16);right:var(--space-16)}.inset-x-20{left:var(--space-20);right:var(--space-20)}.inset-x-24{left:var(--space-24);right:var(--space-24)}.inset-x-32{left:var(--space-32);right:var(--space-32)}.inset-x-auto{left:auto;right:auto}.inset-y-0{top:0;bottom:0}.inset-y-1{top:var(--space-1);bottom:var(--space-1)}.inset-y-2{top:var(--space-2);bottom:var(--space-2)}.inset-y-3{top:var(--space-3);bottom:var(--space-3)}.inset-y-4{top:var(--space-4);bottom:var(--space-4)}.inset-y-5{top:var(--space-5);bottom:var(--space-5)}.inset-y-6{top:var(--space-6);bottom:var(--space-6)}.inset-y-8{top:var(--space-8);bottom:var(--space-8)}.inset-y-10{top:var(--space-10);bottom:var(--space-10)}.inset-y-12{top:var(--space-12);bottom:var(--space-12)}.inset-y-16{top:var(--space-16);bottom:var(--space-16)}.inset-y-20{top:var(--space-20);bottom:var(--space-20)}.inset-y-24{top:var(--space-24);bottom:var(--space-24)}.inset-y-32{top:var(--space-32);bottom:var(--space-32)}.inset-y-auto{top:auto;bottom:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}@media (max-width: 639px){.sm\:static{position:static}.sm\:relative{position:relative}.sm\:absolute{position:absolute}.sm\:fixed{position:fixed}.sm\:sticky{position:sticky}}@media (min-width: 640px) and (max-width: 1023px){.md\:static{position:static}.md\:relative{position:relative}.md\:absolute{position:absolute}.md\:fixed{position:fixed}.md\:sticky{position:sticky}}@media (min-width: 1024px){.lg\:static{position:static}.lg\:relative{position:relative}.lg\:absolute{position:absolute}.lg\:fixed{position:fixed}.lg\:sticky{position:sticky}}@media print{.print\:static{position:static}.print\:relative{position:relative}.print\:absolute{position:absolute}.print\:fixed{position:fixed}.print\:sticky{position:sticky}}img[data-src]{opacity:0;transition:opacity .3s ease}img[data-src].loaded{opacity:1}img.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-placeholder{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:2px dashed #ddd;border-radius:8px;min-height:200px;color:#999}.placeholder-content{text-align:center}.placeholder-content svg{margin-bottom:.5rem;opacity:.5}.responsive-image{position:relative;overflow:hidden;border-radius:8px}.responsive-image img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.aspect-ratio-16-9{aspect-ratio:16 / 9}.aspect-ratio-4-3{aspect-ratio:4 / 3}.aspect-ratio-1-1{aspect-ratio:1 / 1}.aspect-ratio-3-2{aspect-ratio:3 / 2}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.image-gallery img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s ease}.image-gallery img:hover{transform:scale(1.05)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90%;max-height:90%}.lightbox img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem}.lightbox-close:hover{opacity:.7}img.error{filter:grayscale(100%);opacity:.5}@media (prefers-color-scheme: dark){.image-placeholder{background:#2a2a2a;border-color:#444;color:#ccc}img.loading{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}}@media (prefers-reduced-motion: reduce){img[data-src]{transition:none}img.loading{animation:none;background:#f0f0f0}.image-gallery img,.lightbox{transition:none}}@media (max-width: 768px){.image-gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.image-gallery img{height:150px}.lightbox-content{max-width:95%;max-height:95%}}@media (min-resolution: 192dpi){.responsive-image img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.lightbox{display:none!important}img{max-width:100%!important;height:auto!important}}