@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');:root{--bg-dark:#030712;--surface-1:#090d16;--surface-2:#0f172a;--surface-glass:rgba(15,23,42,0.7);--surface-glass-hover:rgba(30,41,59,0.8);--border-subtle:rgba(148,163,184,0.12);--border-bright:rgba(56,189,248,0.35);--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-indigo:#6366f1;--accent-violet:#8b5cf6;--accent-sky:#38bdf8;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-dark);color-scheme:dark}body{margin:0;background-color:var(--bg-dark);color:var(--text-main);font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}.font-display{font-family:'Outfit',sans-serif;letter-spacing:-.03em}.bg-mesh{background-color:var(--bg-dark);background-image:radial-gradient(at 15% 15%,rgba(59,130,246,0.15) 0px,transparent 50%),radial-gradient(at 85% 20%,rgba(139,92,246,0.12) 0px,transparent 45%),radial-gradient(at 50% 60%,rgba(6,182,212,0.1) 0px,transparent 50%),linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px}.glow-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5;z-index:0}.text-gradient{background:linear-gradient(135deg,#ffffff 10%,#93c5fd 50%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#38bdf8 0%,#06b6d4 50%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-violet{background:linear-gradient(135deg,#c084fc 0%,#8b5cf6 50%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.glass-card{position:relative;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:1.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px -10px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.08);transition:all .4s cubic-bezier(0.16,1,0.3,1);overflow:hidden}.glass-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,transparent 40%,transparent 80%,rgba(56,189,248,0.05) 100%);pointer-events:none;transition:opacity .4s ease}.glass-card:hover{transform:translateY(-5px);border-color:var(--border-bright);box-shadow:0 20px 40px -15px rgba(0,0,0,0.7),0 0 25px rgba(56,189,248,0.15);background:var(--surface-glass-hover)}.glass-nav{background:rgba(3,7,18,0.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle)}.glass-nav.nav-scrolled{background:rgba(3,7,18,0.9);border-bottom-color:rgba(56,189,248,0.2);box-shadow:0 15px 35px -10px rgba(0,0,0,0.6)}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:600;letter-spacing:.02em;background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.2);color:#38bdf8;backdrop-filter:blur(10px)}.skill-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.75rem;font-size:.875rem;font-weight:500;background:rgba(30,41,59,0.6);border:1px solid rgba(148,163,184,0.15);color:#e2e8f0;transition:all .25s ease}.skill-chip:hover{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.4);color:#fff;transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;border-radius:9999px;font-weight:700;font-size:.9375rem;color:#fff;background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);box-shadow:0 10px 25px -5px rgba(37,99,235,0.4),inset 0 1px 0 rgba(255,255,255,0.2);transition:all .3s cubic-bezier(0.16,1,0.3,1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px rgba(37,99,235,0.6),0 0 20px rgba(56,189,248,0.4);background:linear-gradient(135deg,#1d4ed8 0%,#0369a1 100%)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;border-radius:9999px;font-weight:600;font-size:.9375rem;color:#f1f5f9;background:rgba(30,41,59,0.7);border:1px solid rgba(148,163,184,0.2);backdrop-filter:blur(12px);transition:all .3s ease}.btn-secondary:hover{background:rgba(51,65,85,0.8);border-color:rgba(56,189,248,0.4);color:#fff;transform:translateY(-2px)}.timeline-track{position:relative}.timeline-track::before{content:'';position:absolute;top:0;bottom:0;left:1.25rem;width:2px;background:linear-gradient(180deg,#3b82f6 0%,#06b6d4 50%,rgba(148,163,184,0.1) 100%)}@media (min-width:768px){.timeline-track::before{left:2rem}}.timeline-dot{position:absolute;left:.75rem;top:1.75rem;width:1rem;height:1rem;border-radius:50%;background:#030712;border:3px solid #38bdf8;box-shadow:0 0 12px #38bdf8;z-index:10}@media (min-width:768px){.timeline-dot{left:1.5rem}}.profile-avatar-frame{position:relative;border-radius:2rem;padding:6px;background:linear-gradient(135deg,#2563eb,#06b6d4 45%,#8b5cf6);box-shadow:0 25px 60px -15px rgba(37,99,235,0.4)}.profile-avatar-frame img{border-radius:1.75rem;filter:saturate(1.05) contrast(1.05)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:5px;border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:#334155}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,100%{opacity:.4}50%{opacity:.8}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 4s ease-in-out infinite}.input-modern{width:100%;background:rgba(15,23,42,0.6);border:1px solid rgba(148,163,184,0.2);border-radius:.875rem;padding:.875rem 1.125rem;color:#f8fafc;outline:none;transition:all .25s ease}.input-modern:focus{border-color:#38bdf8;background:rgba(15,23,42,0.9);box-shadow:0 0 0 3px rgba(56,189,248,0.15)}.input-modern::placeholder{color:#64748b}