@font-face{font-family:Langits;src:url(/assets/langits-C5B90dJ1.otf)format("opentype"),url(/assets/langits-C4cDl0Z1.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-heading:"Langits", "Inter", system-ui, sans-serif;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#0a0f1d;--bg-secondary:#111827;--bg-card:#111827b3;--bg-card-hover:#1f2937cc;--bg-glass:#ffffff0a;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--accent-hover:#4f46e5;--accent-light:#6366f126;--border-color:#ffffff14;--border-highlight:#6366f166;--shadow-sm:0 2px 8px #0000004d;--shadow-lg:0 12px 32px #0006;--shadow-accent:0 8px 24px #6366f140;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--max-width:1200px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-card-hover:#fff;--bg-glass:#00000008;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#00000014;--border-highlight:#6366f180;--shadow-sm:0 2px 8px #0000000d;--shadow-lg:0 12px 32px #0f172a14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-family);max-width:100vw;overflow-x:hidden!important}body{background-color:var(--bg-primary);color:var(--text-primary);width:100%;max-width:100vw;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden!important}#root,.portfolio-app{width:100%;max-width:100vw;overflow-x:hidden!important}section,footer,main,header,nav{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden!important}@media (width<=768px){.section,.ach-section,.about-section,.skills-section,.projects-section,.experience-section,.contact-section{box-sizing:border-box!important;max-width:100vw!important;padding-left:16px!important;padding-right:16px!important;overflow-x:hidden!important}.ach-section .section-title,.ach-section .section-title span,.about-section .section-title,.about-section .section-title span,.skills-section .section-title,.skills-section .section-title span,.projects-section .section-title,.projects-section .section-title span,.experience-section .section-title,.experience-section .section-title span,.contact-section .section-title,.contact-section .section-title span{letter-spacing:1px!important;word-break:break-word!important;overflow-wrap:break-word!important;font-size:clamp(1.6rem,6vw,2.4rem)!important}}@media (width<=480px){.ach-section .section-title,.ach-section .section-title span,.about-section .section-title,.about-section .section-title span,.skills-section .section-title,.skills-section .section-title span,.projects-section .section-title,.projects-section .section-title span,.experience-section .section-title,.experience-section .section-title span,.contact-section .section-title,.contact-section .section-title span{font-size:clamp(1.4rem,5.5vw,2rem)!important}}h1,h2,h3,.section-title,.hero-heading,.logo-text{font-family:var(--font-heading);letter-spacing:.5px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{max-width:var(--max-width);margin:0 auto;padding:100px 24px}.container{width:100%;max-width:var(--max-width);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal)}.glass-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}
