:root{--primary-blue: #0077c9;--primary-purple: #6b21a8;--accent-red: #ef4444;--accent-orange: #ea580c;--accent-yellow: #facc15;--bg-gradient: linear-gradient(to right, var(--primary-blue), var(--primary-purple));--text-dark: #000000;--text-gray: #374151;--border-gray: #d1d5db}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--text-dark);-webkit-font-smoothing:antialiased}.container-custom{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.hero-title{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.5rem}@media(min-width:1024px){.hero-title{font-size:4.5rem}}.text-gradient-war{background:linear-gradient(to right,var(--accent-red),var(--accent-orange));-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-peace{background:linear-gradient(to right,#1d4ed8,var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.card-onboarding{width:100%;background-color:#1f293780;border:1px solid rgba(55,65,81,.8);border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .3s ease-out}.card-onboarding:hover{transform:scale(1.03);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:#1f2937}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-gradient);color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease-in-out}.btn-primary:hover:not(:disabled){transform:scale(1.05)}.btn-primary:disabled{opacity:.75;cursor:not-allowed}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:pop-in .4s ease-out forwards}@keyframes subtle-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-subtle-shake{animation:subtle-shake .3s ease-in-out forwards}@keyframes pulse-emoji{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.animate-pulse-emoji{animation:pulse-emoji .6s ease-in-out}@keyframes pulse-icon{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-pulse-icon{animation:pulse-icon .6s ease-in-out}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:slide-in-left .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.animate-slide-out-left{animation:slide-out-left .5s cubic-bezier(.5,0,.75,0) forwards}@keyframes pulse-and-glow{0%{transform:scale(1);box-shadow:0 0 #6b21a8b3}70%{transform:scale(1);box-shadow:0 0 0 12px #6b21a800}to{transform:scale(1);box-shadow:0 0 #6b21a800}}.animate-pulse-and-glow{animation:pulse-and-glow 2s infinite 4s}