*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #10b981;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--background: #ffffff;--surface: #f9fafb;--surface-elevated: #ffffff;--border: #e5e7eb;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 35%, #45b7d1 70%, #96ceb4 100%);--gradient-title: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}@media (prefers-color-scheme: dark){:root{--text-primary: #f9fafb;--text-secondary: #d1d5db;--background: #111827;--surface: #1f2937;--surface-elevated: #374151;--border: #374151}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--background);overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;color:#667eea}.gradient-text-alt{background:var(--gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;color:#764ba2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;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)}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fadeInUp{animation:fadeInUp .8s ease forwards}.animate-fadeInLeft{animation:fadeInLeft .8s ease forwards}.animate-fadeInRight{animation:fadeInRight .8s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.btn{padding:.6rem 1.2rem;font-size:.875rem}.timeline-mobile{padding-left:70px!important}.timeline-icon-mobile{left:30px!important;transform:translate(-50%)!important;width:50px!important;height:50px!important}.about-grid-mobile{grid-template-columns:1fr!important;gap:1.5rem!important}.about-card-mobile{padding:1.5rem!important}.achievements-grid-mobile{grid-template-columns:1fr!important;gap:1rem!important}.section-title{font-size:2.5rem!important}.section-subtitle{font-size:1.1rem!important}}@media (max-width: 480px){.container{padding:0 .75rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.1rem}body{font-size:.9rem}.btn{padding:.5rem 1rem;font-size:.8rem;min-width:auto}.timeline-icon-mobile{width:40px!important;height:40px!important}.about-card-mobile{padding:1rem!important}.section-title{font-size:2rem!important}.section-subtitle{font-size:1rem!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.App{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1rem 0;transition:all .3s ease}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.nav-logo{font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo a{color:inherit}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links a{font-weight:500;color:#1f2937;transition:all .3s ease;position:relative;padding:.5rem 1rem;border-radius:.5rem}.nav-links a:hover{color:var(--primary-color);background:#6366f11a;transform:translateY(-1px)}.nav-links a.active{color:#fff;background:var(--gradient-primary);font-weight:600;box-shadow:var(--shadow-md)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover:after{width:80%}.nav-links a.active:after{width:100%;background:#fff;bottom:-2px;height:3px}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:.5rem}.content{flex:1;margin-top:80px;min-height:calc(100vh - 80px)}.footer{background:var(--surface);border-top:1px solid var(--border);padding:2rem 0;text-align:center;color:var(--text-secondary)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>') center/cover}.hero-content{text-align:center;z-index:2;position:relative;color:#fff;max-width:800px;padding:0 2rem}.hero-title{font-size:4rem;margin-bottom:1rem;opacity:0;animation:fadeInUp 1s ease .2s forwards}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:0;animation:fadeInUp 1s ease .4s forwards;font-weight:300}.hero-description{font-size:1.2rem;margin-bottom:3rem;opacity:0;animation:fadeInUp 1s ease .6s forwards;color:#ffffffe6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp 1s ease .8s forwards}.hero-buttons .btn{min-width:150px}.floating-element{position:absolute;opacity:.1;pointer-events:none}.floating-element:nth-child(1){top:10%;left:10%;animation:float 8s ease-in-out infinite}.floating-element:nth-child(2){top:20%;right:10%;animation:float 8s ease-in-out infinite 2s}.floating-element:nth-child(3){bottom:20%;left:20%;animation:float 8s ease-in-out infinite 4s}.floating-element:nth-child(4){bottom:10%;right:20%;animation:float 8s ease-in-out infinite 6s}.section{padding:5rem 0;position:relative}.section-title{text-align:center;margin-bottom:3rem;font-size:3rem}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.2rem;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-links{gap:1rem}.nav-links a{padding:.4rem .8rem;font-size:.9rem}.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.2rem!important}.hero-description{font-size:1rem!important}.hero-buttons{flex-direction:column;align-items:center;gap:.75rem}.hero-buttons .btn{min-width:200px}.content{margin-top:70px}.section{padding:3rem 0}.section-title{font-size:2rem!important}.section-subtitle{font-size:1rem;padding:0 1rem}}@media (max-width: 480px){.nav-container{padding:0 .75rem}.nav-logo{font-size:1.25rem}.nav-links{gap:.5rem}.nav-links a{padding:.3rem .6rem;font-size:.8rem}.hero-content{padding:0 1rem}.hero-title{font-size:2rem!important;line-height:1.2}.hero-subtitle{font-size:1rem!important}.hero-description{font-size:.9rem!important;margin-bottom:2rem}.hero-buttons .btn{min-width:100%;max-width:250px}.content{margin-top:60px}.section{padding:2rem 0}.section-title{font-size:1.75rem!important}.section-subtitle{font-size:.9rem}}