@font-face{font-family:'PressStart2P';src:url('../PressStart2P-Regular.ttf') format('truetype');}
*{box-sizing:border-box;}
body{margin:0;background:#000;font-family:'PressStart2P',monospace;color:#0f0;display:flex;flex-direction:column;min-height:100vh;}
header{position:absolute;top:0;width:100%;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;background:#111;border-bottom:2px solid #0f0;}
header h1{font-size:18px;margin:0;color:#91ff00;}
.top-buttons{display:flex;gap:20px;}
.top-buttons button{font-family:'PressStart2P',monospace;font-size:14px;background:#91ff00;color:#000;border:3px solid #0f0;border-radius:12px;padding:14px 24px;cursor:pointer;transition:0.3s;}
.top-buttons button:hover{background:#000;color:#91ff00;box-shadow:0 0 12px #0f0;}
.main-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px 20px;}
.main-content h2{font-size:20px;line-height:1.8;margin-bottom:20px;color:#91ff00;}
footer{margin-top:60px;margin-bottom:20px;width:100%;text-align:center;font-size:12px;color:#0f0;}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;z-index:1000;}
.modal iframe{width:90%;height:90%;max-width:600px;border:3px solid #0f0;border-radius:20px;box-shadow:0 0 30px #0f0;}
.modal .close-btn{position:absolute;top:30px;right:40px;font-size:16px;background:#91ff00;color:#000;border:3px solid #0f0;padding:10px 18px;border-radius:12px;cursor:pointer;font-family:'PressStart2P',monospace;}
.modal .close-btn:hover{background:#000;color:#0f0;}
@media(max-width:600px){header h1{font-size:14px;}.top-buttons{gap:12px;}.top-buttons button{font-size:12px;padding:12px 18px;}.main-content h2{font-size:14px;}}
.floating-text-wrapper{margin-top:100px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:200px;}
.floating-text{animation:float 3s ease-in-out infinite,gradientShift 6s ease infinite;display:inline-block;font-size:25px;background:linear-gradient(90deg,#91ff00,#0f0,#006600);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-8px);}}
@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.join-free-wrapper{margin-top:60px;margin-bottom:60px;display:flex;justify-content:center;}
.join-free-button{font-family:'PressStart2P',monospace;font-size:16px;background:#91ff00;color:#000;border:3px solid #0f0;padding:16px 28px;border-radius:16px;cursor:pointer;animation:pulse 2s infinite ease-in-out,glow 6s infinite ease-in-out;transition:0.3s;box-shadow:0 0 10px #0f0;}
.join-free-button:hover{background:#000;color:#91ff00;box-shadow:0 0 16px #91ff00,0 0 32px #0f0;}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}
@keyframes glow{0%{box-shadow:0 0 10px #91ff00;}50%{box-shadow:0 0 20px #91ff00,0 0 40px #0f0;}100%{box-shadow:0 0 10px #91ff00;}}
.logo-wrapper{display:flex;justify-content:center;align-items:center;margin:40px 0 20px;}
.logo-image{width:200px;height:200px;}
@keyframes glowLogo{0%,100%{box-shadow:0 0 20px #91ff00;}50%{box-shadow:0 0 30px #0f0,0 0 60px #91ff00;}}