.header{position:fixed;top:0;left:0;right:0;background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid transparent;--header-height: 85px}.header.scrolled{background:#0f172af2;border-bottom:1px solid var(--border-color);box-shadow:0 4px 30px #0000004d}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.nav-brand a{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:.1em;transition:opacity .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:10px;padding:0 12px}.nav-brand a:hover{opacity:.8}.nav-menu{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-menu a{color:var(--text-light);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative;padding:8px 0}.nav-menu a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.nav-menu a:hover{color:var(--text-color)}.nav-menu a:hover:before{transform:scaleX(1);transform-origin:left}.nav-menu a.active{color:var(--text-color)}.nav-menu a.active:before{transform:scaleX(1);transform-origin:left}.nav-resume-btn{background:var(--gradient-primary);color:#fff!important;padding:8px 20px!important;border-radius:8px;font-weight:600!important;box-shadow:0 4px 15px var(--primary-glow)}.nav-resume-btn:before{display:none}.nav-resume-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow);color:#fff!important}.nav-menu a:focus-visible,.nav-resume-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:4px}.nav-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:10px;gap:6px;border-radius:8px;transition:background .3s ease;min-width:44px;min-height:44px;align-items:center;justify-content:center}@media (min-width: 769px){.nav-toggle{display:none!important}}.nav-toggle:hover{background:#ffffff0d}.nav-toggle span{width:24px;height:2px;background:var(--text-color);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0;transform:translate(-10px)}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.header{--header-height: 85px}.nav-toggle{display:flex;position:relative;z-index:1001}.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease,visibility .4s ease;gap:.75rem;z-index:999;visibility:hidden;opacity:0;min-height:100vh;flex-wrap:wrap;align-content:center}.nav-menu.active{transform:translate(0);visibility:visible;opacity:1}.nav-menu a{font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:600;padding:.75rem 1rem;min-height:48px;display:flex;align-items:center;justify-content:center;width:100%;max-width:280px}.nav-menu li{opacity:0;transform:translateY(20px);transition:all .3s ease;width:100%;display:flex;justify-content:center}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:nth-child(1){transition-delay:.05s}.nav-menu.active li:nth-child(2){transition-delay:.1s}.nav-menu.active li:nth-child(3){transition-delay:.15s}.nav-menu.active li:nth-child(4){transition-delay:.2s}.nav-menu.active li:nth-child(5){transition-delay:.25s}.nav-menu.active li:nth-child(6){transition-delay:.3s}.nav-menu.active li:nth-child(7){transition-delay:.35s}}@media (max-width: 480px){.header{--header-height: 85px}.nav-menu{padding:1.5rem 1rem;gap:.5rem;max-height:calc(100vh - 85px)}.nav-menu a{font-size:clamp(1rem,3vw,1.2rem);padding:.6rem .8rem;min-height:44px}}@media (max-width: 375px){.nav-menu{gap:.4rem;padding:1rem .75rem}.nav-menu a{font-size:1rem;padding:.5rem .75rem}}.about{min-height:calc(100vh - 85px);display:flex;align-items:flex-start;padding-top:100px;margin-top:85px;position:relative;overflow:hidden;scroll-margin-top:100px}.about:before{content:"";position:absolute;top:20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 8s ease-in-out infinite}.about:after{content:"";position:absolute;bottom:10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(129,140,248,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 6s ease-in-out infinite reverse}.about-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;position:relative;z-index:1;margin-bottom:4rem}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-name{font-family:var(--font-heading);font-size:4rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:.5rem 0}.about-name .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-tagline{font-size:1.5rem;font-weight:500;color:var(--text-light);line-height:1.4}.about-intro{font-size:1.125rem;font-weight:400;color:var(--text-light);line-height:1.8;max-width:1200px}.about-intro strong{color:var(--text-color);font-weight:600}.about-links{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.about-image{display:flex;justify-content:center;align-items:center;position:relative}.image-container{position:relative}.image-container:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:var(--gradient-primary);border-radius:24px;z-index:-1;opacity:.6;filter:blur(20px);animation:pulse 3s ease-in-out infinite}.profile-image{width:320px;height:320px;border-radius:20px;object-fit:cover;border:2px solid var(--border-color)}.profile-image-placeholder{width:320px;height:320px;border-radius:20px;border:2px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.placeholder-text{font-family:var(--font-heading);font-size:4rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.image-loading{width:320px;height:320px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:20px;border:2px solid var(--border-color)}.image-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.about-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:4rem auto;max-width:1200px;position:relative;z-index:1}.about-main-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.about-section-heading{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--text-color);margin:0 0 3rem;letter-spacing:-.02em;text-align:center}.about-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 4rem;margin-top:2rem}.about-content-section{display:flex;flex-direction:column;gap:1rem}.about-subheading{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;letter-spacing:-.01em}.about-paragraph{font-size:1.125rem;color:var(--text-light);line-height:1.9;margin:0}.about-paragraph strong{color:var(--text-color);font-weight:600;background:#60a5fa1a;padding:2px 6px;border-radius:4px}@media (max-width: 1024px){.about-name{font-size:3rem}.about-tagline{font-size:1.25rem}.about-content-grid{gap:2.5rem 3rem}.about-subheading{font-size:1.35rem}}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:3rem;text-align:center}.about-image{order:-1}.about-text{align-items:center}.about-intro{text-align:center}.about-links{justify-content:center}.profile-image,.profile-image-placeholder,.image-loading{width:280px;height:280px}.placeholder-text{font-size:3rem}.about-content-grid{grid-template-columns:1fr;gap:2.5rem}.about-divider{margin:3rem auto}}@media (max-width: 768px){.about{padding-top:100px;scroll-margin-top:100px;margin-top:85px;min-height:auto;padding-bottom:60px;align-items:flex-start}.about-name{font-size:2.5rem}.about-links{flex-direction:column;width:100%;max-width:300px}.about:before,.about:after{display:none}.about-section-heading{font-size:1.75rem;margin-bottom:2rem}.about-content-grid{gap:2rem}.about-subheading{font-size:1.25rem}.about-paragraph{font-size:1rem}.about-divider{margin:2.5rem auto}}@media (max-width: 480px){.about{padding-top:100px;scroll-margin-top:100px;margin-top:85px;align-items:flex-start}.about-name{font-size:2rem}.about-tagline{font-size:1.125rem}.about-intro{font-size:1rem}.profile-image,.profile-image-placeholder,.image-loading{width:240px;height:240px}.placeholder-text{font-size:2.5rem}.about-section-heading{font-size:1.5rem;margin-bottom:1.5rem}.about-content-grid{gap:1.5rem}.about-subheading{font-size:1.15rem}.about-paragraph{font-size:.95rem}.about-divider{margin:2rem auto}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 0;position:relative}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-content p{margin:0;color:var(--text-muted);font-size:.95rem}.footer-content p a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:opacity .3s ease}.footer-content p a:hover{opacity:.8}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-light);text-decoration:none;font-size:.95rem;transition:color .3s ease;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--primary-color);transition:width .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-links a:hover:after{width:100%}.footer-links a:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:4px}.back-to-top:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:52px;height:52px;border-radius:14px;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px var(--primary-glow);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px) scale(.9)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top.visible:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px var(--primary-glow)}.back-to-top svg{transition:transform .3s ease}.back-to-top:hover svg{transform:translateY(-2px)}@media (max-width: 768px){.footer{padding:2rem 0}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem}.back-to-top{bottom:1.5rem;right:1.5rem;width:48px;height:48px}}@media (max-width: 480px){.footer{padding:1.5rem 0}.footer-links{gap:1rem}.back-to-top{bottom:1rem;right:1rem;width:44px;height:44px}}.skeleton-container{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:9999;overflow-y:auto}.skeleton-header{position:fixed;top:0;left:0;right:0;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;padding:1.25rem 0}.skeleton-nav{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.skeleton-brand{width:60px;height:30px;background:var(--bg-secondary);border-radius:8px;animation:shimmer 1.5s infinite}.skeleton-nav-items{display:flex;gap:2rem}.skeleton-nav-item{width:60px;height:20px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-main{padding-top:100px}.skeleton-section{padding:8rem 0}.skeleton-about{min-height:100vh;display:flex;align-items:center}.skeleton-about-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;margin-bottom:4rem}.skeleton-about-text{display:flex;flex-direction:column;gap:1.5rem}.skeleton-title{width:300px;height:60px;margin-bottom:1rem}.skeleton-tagline{width:500px;height:30px}.skeleton-line{height:20px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite;margin-bottom:.75rem}.skeleton-line:nth-child(1){width:100%}.skeleton-line:nth-child(2){width:95%}.skeleton-line:nth-child(3){width:90%}.skeleton-line:nth-child(4){width:85%}.skeleton-heading{width:400px;height:40px;margin:0 auto 2rem}.skeleton-buttons{display:flex;gap:1rem;margin-top:1rem}.skeleton-button{width:140px;height:45px;background:var(--bg-secondary);border-radius:10px;animation:shimmer 1.5s infinite}.skeleton-image{width:320px;height:320px;background:var(--bg-secondary);border-radius:20px;animation:shimmer 1.5s infinite;margin:0 auto}.skeleton-content-block{max-width:1200px;margin:0 auto}.skeleton-section-title{width:300px;height:50px;margin:0 auto 4rem}.skeleton-cards{display:flex;flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-line,.skeleton-brand,.skeleton-nav-item,.skeleton-button,.skeleton-image,.skeleton-title,.skeleton-tagline,.skeleton-heading,.skeleton-section-title{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-card) 50%,var(--bg-secondary) 100%);background-size:2000px 100%;animation:shimmer 1.5s infinite}.skeleton-container.fade-out{opacity:0;transition:opacity .5s ease-out;pointer-events:none}@media (max-width: 968px){.skeleton-about-content{grid-template-columns:1fr;gap:3rem}.skeleton-image{width:280px;height:280px}.skeleton-nav-items{display:none}}@media (max-width: 768px){.skeleton-title{width:200px;height:40px}.skeleton-tagline{width:100%}.skeleton-heading{width:250px}.skeleton-section-title{width:200px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-bg);padding:2rem}.error-boundary-content{text-align:center;max-width:500px;padding:3rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg)}.error-boundary-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--text-color);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-boundary-message{font-size:1.125rem;color:var(--text-light);line-height:1.6;margin-bottom:2rem}@media (max-width: 768px){.error-boundary-content{padding:2rem 1.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-message{font-size:1rem}}.toast-container{position:fixed;top:100px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:auto;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1);min-width:280px;max-width:400px}.toast.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}.toast-success{border-left:4px solid var(--accent-color)}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid var(--primary-color)}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.toast-success .toast-icon{color:var(--accent-color)}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:var(--primary-color)}.toast-message{color:var(--text-color);font-size:.9375rem;font-weight:500;line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;margin-left:.75rem;min-width:24px;min-height:24px}.toast-close:hover{background:var(--bg-secondary);color:var(--text-color)}.toast-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.toast-container{top:90px;right:16px;left:16px;max-width:none}.toast{min-width:auto;max-width:none}}@media (max-width: 480px){.toast-container{top:80px;right:12px;left:12px}.toast{padding:.875rem 1rem}.toast-message{font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #60a5fa;--primary-glow: rgba(96, 165, 250, .4);--secondary-color: #818cf8;--accent-color: #34d399;--accent-glow: rgba(52, 211, 153, .3);--text-color: #f1f5f9;--text-light: #94a3b8;--text-muted: #64748b;--bg-color: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-card-hover: #334155;--border-color: #334155;--border-glow: rgba(96, 165, 250, .2);--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px var(--primary-glow);--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #818cf8 50%, #c084fc 100%);--gradient-accent: linear-gradient(135deg, #34d399 0%, #22d3ee 100%);--gradient-bg: radial-gradient(ellipse at top, #1e293b 0%, #0f172a 50%, #020617 100%);--font-heading: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth;scroll-padding-top:100px}section{scroll-margin-top:100px}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-primary);z-index:1001;transition:width .1s ease-out;box-shadow:0 0 10px var(--primary-glow)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scroll-progress{display:none}}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:var(--bg-color);padding:8px 16px;text-decoration:none;z-index:100;font-family:var(--font-body);font-weight:600;border-radius:0 0 8px}.skip-link:focus{top:0}.skip-link:focus-visible{outline:2px solid var(--bg-color);outline-offset:2px}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);line-height:1.7;background:var(--gradient-bg);background-attachment:fixed;min-height:100vh}.App.loading{opacity:0}.App{opacity:1;transition:opacity .5s ease-in}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(96,165,250,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-1}code{font-family:var(--font-mono);background:var(--bg-secondary);padding:2px 8px;border-radius:4px;font-size:.9em}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-title{font-family:var(--font-heading);font-size:3rem;font-weight:800;text-align:center;margin-bottom:1rem;color:var(--text-color);letter-spacing:-.02em;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}.section-subtitle{font-size:1.125rem;color:var(--text-light);text-align:center;max-width:650px;margin:2rem auto 4rem;line-height:1.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.glow{box-shadow:var(--shadow-glow)}.glow-text{text-shadow:0 0 20px var(--primary-glow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:var(--font-body);font-size:1rem;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.btn-primary:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:12px}.btn-secondary{background:transparent;color:var(--text-color);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:#60a5fa1a}.btn-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:12px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tech-tag{display:inline-block;padding:6px 14px;background:#60a5fa1a;color:var(--primary-color);border:1px solid rgba(96,165,250,.2);border-radius:20px;font-size:.85rem;font-weight:500;font-family:var(--font-mono);transition:all .2s ease}.tech-tag:hover{background:#60a5fa33;border-color:var(--primary-color)}::selection{background:var(--primary-color);color:var(--bg-color)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skip-link:focus{top:0;outline:2px solid white;outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.component-loader{min-height:200px;display:flex;align-items:center;justify-content:center;padding:2rem}.component-loader-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){html{scroll-padding-top:100px}section{scroll-margin-top:100px}.section{padding:70px 0}.section-title{font-size:2.25rem;margin-bottom:.75rem}.section-subtitle{margin:1.5rem auto 3rem}.container{padding:0 20px}}@media (max-width: 480px){html{scroll-padding-top:100px}section{scroll-margin-top:100px}.container{padding:0 16px}.section{padding:50px 0}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem;margin:1rem auto 2rem}.btn{padding:12px 24px;font-size:.95rem;min-height:44px}h1,h2,h3,h4,h5,h6,p,li,span{word-break:break-word;overflow-wrap:break-word}}