:root{--bg-color: #020617;--text-color: #f8fafc;--text-secondary: #94a3b8;--primary: #38bdf8;--primary-glow: rgba(56, 189, 248, .5);--accent: #d946ef;--card-bg: rgba(15, 23, 42, .85);--card-bg-solid: #0f172a;--border-color: rgba(255, 255, 255, .12);--border-hover: rgba(56, 189, 248, .4);--nav-bg: rgba(2, 6, 23, .92);--card-shadow: 0 16px 40px rgba(0, 0, 0, .45);--gradient: linear-gradient(135deg, #38bdf8, #818cf8, #d946ef);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--section-padding: 80px 0}html.light-mode{--bg-color: #f8fafc;--text-color: #0f172a;--text-secondary: #475569;--primary: #0284c7;--primary-glow: rgba(2, 132, 199, .25);--accent: #be185d;--card-bg: rgba(255, 255, 255, .92);--card-bg-solid: #ffffff;--border-color: rgba(226, 232, 240, .85);--border-hover: rgba(2, 132, 199, .5);--nav-bg: rgba(255, 255, 255, .96);--card-shadow: 0 16px 36px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .04);--gradient: linear-gradient(135deg, #0284c7, #4f46e5, #c026d3)}html{overflow-x:hidden;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Plus Jakarta Sans,sans-serif;background-color:transparent!important;color:var(--text-color);line-height:1.6;overflow-x:hidden}#root,.app{background-color:transparent!important;min-height:100vh}.section,section{min-height:100vh;padding-top:130px;padding-bottom:80px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;z-index:2;background:transparent!important;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.section-title{text-align:center;margin-bottom:60px;width:100%}.section-title h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--text-color);margin-top:8px}.subtitle{display:block;color:var(--primary);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.card,.project-card,.experience-item,.contact-card,.contact-form-panel,.skills-group,.work-content,.exp-card,.unified-card,.pub-item-card,.bio-card,.timeline-column,.cert-item-card,.skill-card,.reference-card,.blog-card{background:var(--card-bg)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;box-shadow:var(--card-shadow)!important}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.fade-in.visible{opacity:1!important;transform:translateY(0)!important}@media(max-width:768px){.fade-in{animation:mobileReveal .5s ease-out .15s forwards}}@keyframes mobileReveal{to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@supports (padding-top: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.remove-btn{background:#ef444455;color:#ef4444;border:1px solid #ef444488;border-radius:8px;padding:4px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:13px}.remove-btn:hover{background:#ef4444;color:#fff}