*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #2b4a8f;--secondary-blue: #4a9fd8;--teal: #5fb89f;--green: #7ec97d;--yellow: #f4d58d;--orange: #f5a962;--red: #e74c3c;--magenta: #a8357d;--bg-dark: #1e2a4a;--text-light: #ffffff;font-family:-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}body{margin:0;min-height:100vh;background-color:var(--bg-dark);color:var(--text-light);overflow-x:hidden}#root{min-height:100vh}html{scroll-behavior:smooth}::selection{background-color:var(--secondary-blue);color:var(--text-light)}::-moz-selection{background-color:var(--secondary-blue);color:var(--text-light)}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#2b4a8f,#4a9fd8,#5fb89f 50%,#7ec97d 75% 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(74,159,216,.3) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(126,201,125,.3) 0%,transparent 50%);pointer-events:none}.hero-content{max-width:1200px;width:100%;text-align:center;position:relative;z-index:1}.banner-container{margin-bottom:2rem;animation:fadeInDown 1s ease-out}.banner-image{max-width:100%;height:auto;width:100%;max-width:500px;border-radius:12px;box-shadow:0 10px 40px #0000004d;transition:transform .3s ease}.banner-image:hover{transform:scale(1.02)}.hero-subtitle{font-size:1.5rem;color:#f4d58d;margin:1.5rem 0;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out .3s both}.hero-description{font-size:1.1rem;color:#fff;max-width:700px;margin:0 auto;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out .5s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{min-height:60vh;padding:1.5rem 1rem}.banner-image{max-width:100%;border-radius:8px}.hero-subtitle{font-size:1.2rem;margin:1rem 0}.hero-description{font-size:1rem;padding:0 1rem}}@media(max-width:480px){.hero{min-height:50vh}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}}.discord-section{padding:4rem 2rem;background:linear-gradient(135deg,#1e2a4a,#2b4a8f);display:flex;align-items:center;justify-content:center}.discord-content{max-width:800px;text-align:center}.discord-title{font-size:2.5rem;color:#f4d58d;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.discord-description{font-size:1.2rem;color:#fff;margin-bottom:2.5rem;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.discord-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #5865f266}.discord-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #5865f299;background:linear-gradient(135deg,#6875f5,#5865f2)}.discord-button:active{transform:translateY(-1px)}.discord-icon{width:28px;height:28px}@media(max-width:768px){.discord-section{padding:3rem 1.5rem}.discord-title{font-size:2rem}.discord-description{font-size:1rem;margin-bottom:2rem}.discord-button{padding:.875rem 2rem;font-size:1.1rem}.discord-icon{width:24px;height:24px}}@media(max-width:480px){.discord-section{padding:2.5rem 1rem}.discord-title{font-size:1.75rem}.discord-description{font-size:.95rem}.discord-button{padding:.75rem 1.5rem;font-size:1rem}}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:3rem 2rem 1rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{text-align:left}.footer-title{font-size:1.5rem;color:#f4d58d;margin-bottom:.5rem;font-weight:700}.footer-subtitle{font-size:1.1rem;color:#f4d58d;margin-bottom:.75rem;font-weight:600}.footer-text{color:#b0b0b0;line-height:1.6;font-size:.95rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#b0b0b0;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-links a:hover{color:#4a9fd8}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{color:gray;font-size:.9rem;margin:0}@media(max-width:768px){.footer{padding:2rem 1.5rem 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-section{text-align:center}.footer-title{font-size:1.3rem}.footer-subtitle{font-size:1rem}}@media(max-width:480px){.footer{padding:1.5rem 1rem .75rem}.footer-title{font-size:1.2rem}.footer-bottom{padding-top:1.5rem}.footer-bottom p{font-size:.85rem}}.app{min-height:100vh;display:flex;flex-direction:column}