:root{--color-primary: #1E40AF;--color-primary-light: #3B82F6;--color-primary-dark: #1E3A8A;--color-accent: #D4AF37;--color-accent-light: #FCD34D;--color-secondary: #D4AF37;--color-secondary-light: #FDE68A;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-tertiary: #F1F3F5;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-muted: #6C757D;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(59, 130, 246, .05) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(212, 175, 55, .05) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(59, 130, 246, .05) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(212, 175, 55, .05) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(59, 130, 246, .05) 0px, transparent 50%), radial-gradient(at 80% 100%, rgba(212, 175, 55, .05) 0px, transparent 50%);--font-primary: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(59, 130, 246, .2);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-mesh);z-index:-1;opacity:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--color-text-secondary);font-size:1.1rem}a{color:var(--color-primary-light);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-accent-light)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}section{min-height:100vh;padding:var(--spacing-3xl) 0;position:relative}.glass-card{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);padding:var(--spacing-lg);transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.glass-card:hover{background:#fffffff2;border-color:#0000001a;transform:translateY(-5px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-ghost:hover{border-color:var(--color-primary-dark);background:#1e40af0d;color:var(--color-primary-dark)}.social-icons{display:flex;gap:var(--spacing-md)}.social-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000008;border:1px solid rgba(0,0,0,.1);color:var(--color-text-primary);font-size:1.5rem;transition:var(--transition-base)}.social-icon:hover{background:var(--gradient-primary);border-color:transparent;transform:translateY(-5px) rotate(5deg);box-shadow:var(--shadow-glow);color:#fff}.tech-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--color-text-secondary);transition:var(--transition-base)}.tech-tag:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:scale(1.05)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.timeline{position:relative;padding-left:var(--spacing-xl)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.timeline-item{position:relative;margin-bottom:var(--spacing-xl)}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--spacing-xl) - 6px);top:0;width:14px;height:14px;border-radius:50%;background:var(--gradient-primary);border:3px solid var(--color-bg-primary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-accent)}@media(max-width:768px){section{padding:var(--spacing-2xl) 0}.timeline{padding-left:var(--spacing-lg)}.social-icon{width:40px;height:40px;font-size:1.2rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #3b82f666}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}