@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--accent:#4F7BF7;--accent-dim:#3A64D8;--accent-2:#7C5CFC;--accent-glow:rgba(79,123,247,0.15);--accent-glow-2:rgba(124,92,252,0.10);--accent-border:rgba(79,123,247,0.28);--bg-base:#060A12;--bg-surface:#0A0F1E;--bg-card:#0E1425;--bg-card-hover:#121A30;--glass-bg:rgba(14,20,37,0.55);--glass-bg-2:rgba(14,20,37,0.75);--glass-border:rgba(255,255,255,0.07);--glass-border-h:rgba(255,255,255,0.13);--glass-shine:rgba(255,255,255,0.04);--text-primary:#EEF2FF;--text-secondary:#8895B0;--text-muted:#4B5568;--text-accent:var(--accent);--border-subtle:rgba(255,255,255,0.06);--border-medium:rgba(255,255,255,0.10);--border-accent:var(--accent-border);--green:#34D399;--amber:#FBBF24;--red:#F87171;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:180ms var(--ease);--transition-med:350ms var(--ease);--transition-slow:600ms var(--ease);--shadow-glass:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.06);--shadow-glow:0 0 40px rgba(79,123,247,0.12);--shadow-card:0 24px 60px rgba(0,0,0,0.45)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:2px;box-shadow:0 0 6px rgba(79,123,247,.3)}::selection{background:rgba(79,123,247,.22);color:var(--text-primary)}.container{max-width:1160px;margin:0 auto;padding:0 24px}.section{min-height:100vh;padding:100px 0;position:relative}.font-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg,#FFFFFF 0,var(--accent) 60%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-glass);position:relative;overflow:hidden;transition:border-color var(--transition-med),box-shadow var(--transition-med),transform var(--transition-med)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none}.glass-card:hover{border-color:rgba(79,123,247,.15);box-shadow:var(--shadow-glass),var(--shadow-glow);transform:translateY(-2px)}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.section-label:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.8}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:20px;color:var(--text-primary)}.tech-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;border:1px solid var(--glass-border);color:var(--text-secondary);background:var(--glass-shine);letter-spacing:.03em;transition:var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tech-tag:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-glow)}.subtle-grid{background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 0);background-size:60px 60px}.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size:200% 100%;animation:shimmer 3s linear infinite;z-index:9999;transform-origin:left;width:100%;box-shadow:0 0 10px rgba(79,123,247,.5)}.ambient-orb-1{top:-20%;right:-10%;width:650px;height:650px;background:radial-gradient(circle,rgba(79,123,247,.07) 0,transparent 70%);animation:orb-drift-1 20s ease-in-out infinite}.ambient-orb-1,.ambient-orb-2{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.ambient-orb-2{bottom:-20%;left:-10%;width:550px;height:550px;background:radial-gradient(circle,rgba(124,92,252,.05) 0,transparent 70%);animation:orb-drift-2 25s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 rgba(52,211,153,.5)}50%{box-shadow:0 0 0 6px rgba(52,211,153,0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes orb-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.05)}66%{transform:translate(30px,-20px) scale(.97)}}@keyframes orb-drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-40px) scale(1.06)}66%{transform:translate(-30px,30px) scale(.96)}}@keyframes border-glow{0%,to{border-color:var(--glass-border)}50%{border-color:rgba(79,123,247,.25)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(79,123,247,.1)}50%{box-shadow:0 0 40px rgba(79,123,247,.25)}}