@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap");:root{--primary-color:#0f172a;--secondary-color:#1e293b;--accent-color:#3b82f6;--accent-secondary:#8b5cf6;--text-dark:#0f172a;--text-light:#64748b;--text-muted:#94a3b8;--background-light:#f8fafc;--background-white:#ffffff;--background-gradient:linear-gradient(135deg,#667eea,#764ba2);--border-color:#e2e8f0;--border-light:#f1f5f9;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--glow-blue:0 0 20px rgba(59,130,246,0.3);--glow-purple:0 0 20px rgba(139,92,246,0.3);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.6s cubic-bezier(0.4,0,0.2,1);--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:24px}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);line-height:1.6;background-color:var(--background-white)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.3;margin-bottom:1rem;color:var(--text-dark)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}html{scroll-behavior:smooth}::selection{background-color:var(--accent-color);color:white}:focus{outline:2px solid var(--accent-color);outline-offset:2px}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.bg-gradient-accent{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%)}.bg-gradient-modern{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-glass{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-gradient{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-light{background-color:var(--background-light)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-glow{box-shadow:var(--glow-blue)}.transition{transition:var(--transition)}.transition-slow{transition:var(--transition-slow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}.particle{position:absolute;width:4px;height:4px;background:var(--accent-color);border-radius:50%;opacity:.6;animation:particle-float 6s ease-in-out infinite}@keyframes particle-float{0%,to{transform:translateY(0) translateX(0);opacity:.6}25%{transform:translateY(-20px) translateX(10px);opacity:1}50%{transform:translateY(-40px) translateX(-5px);opacity:.8}75%{transform:translateY(-20px) translateX(-10px);opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.App-content{flex:1 1;overflow-x:hidden}.btn{font-family:Inter,sans-serif;font-weight:500;padding:12px 24px;border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.4}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#152035,#3a6b8a)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);transform:translateY(-2px)}.btn-accent,.btn-outline:hover{color:white;box-shadow:var(--shadow-md)}.btn-accent{background:var(--accent-color)}.btn-accent:hover{background:#e56f00;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--background-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:1.5rem}.section{padding:80px 0;position:relative}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--text-dark);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--accent-color),#ff9500);border-radius:2px}.section-subtitle{font-size:1.125rem;color:var(--text-light);text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in-left{animation:fadeInLeft .8s ease-out}.fade-in-right{animation:fadeInRight .8s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}.header{padding:0;color:white;box-shadow:var(--shadow-xl);position:-webkit-sticky;position:sticky;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.header,.header:before{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);top:0}.header:before{content:"";position:absolute;left:0;right:0;bottom:0;opacity:.95;z-index:-1}header img{width:140px;height:auto;max-height:50px;object-fit:contain;transition:var(--transition);filter:brightness(1.1)}header img:hover{transform:scale(1.05)}.navbar{max-width:1200px;margin:0 auto;padding:15px 20px;background:transparent!important;border:none}.navbar-brand{transition:var(--transition)}.navbar-brand:hover{transform:translateY(-2px)}.navbar-logo{font-size:1.5em;font-weight:700;font-family:Poppins,sans-serif}.navbar-links{margin-left:auto;display:flex;align-items:center;gap:2rem}.navbar-links .nav-link{color:rgba(255,255,255,.9)!important;font-size:15px;font-weight:500;transition:var(--transition);position:relative;padding:8px 0!important;text-decoration:none;font-family:Inter,sans-serif}.navbar-links .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.navbar-links .nav-link:hover{color:white!important;transform:translateY(-1px)}.navbar-links .nav-link:hover:after{width:100%}.language-switcher{display:flex;align-items:center;margin-left:1rem}.language-switcher .dropdown-toggle{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:white!important;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:14px;display:flex;align-items:center;gap:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.language-switcher .dropdown-toggle.show,.language-switcher .dropdown-toggle:focus,.language-switcher .dropdown-toggle:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.3)!important;color:white!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.language-switcher .dropdown-menu{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:8px}.language-switcher .dropdown-item{color:var(--text-dark);font-weight:500;font-size:14px;padding:8px 16px;transition:var(--transition)}.language-switcher .dropdown-item:hover{background:var(--background-light);color:var(--primary-color)}.language-switcher .dropdown-item.active{background:var(--primary-color);color:white}.navbar-toggler{border:none;padding:4px 8px;background:rgba(255,255,255,.1);border-radius:var(--border-radius);transition:var(--transition)}.navbar-toggler:hover{background:rgba(255,255,255,.2)}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}@media (max-width:991px){.navbar-collapse{background:rgba(26,43,66,.95);margin-top:1rem;padding:1rem;border-radius:var(--border-radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navbar-links{flex-direction:column;align-items:flex-start;gap:1rem;margin-left:0;margin-bottom:1rem}.navbar-links .nav-link{padding:12px 0!important;font-size:16px;width:100%}.language-switcher{margin-left:0;justify-content:flex-start}}@media (max-width:768px){.navbar{padding:12px 20px}header img{width:120px;max-height:45px}}