@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:wght@400;700&display=swap";:root{--gold-primary: #D4AF37;--gold-light: #F4C430;--gold-dark: #AA6C39;--luxury-black: #0a0a0a;--dark-overlay: rgba(0, 0, 0, .7);--border-gold: rgba(212, 175, 55, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Playfair Display,serif;background-color:var(--luxury-black);color:#fff;min-height:100vh;margin:0;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fade-in-enter{animation:fadeIn .8s ease-out forwards}.fade-out-exit{animation:fadeOut .8s ease-in forwards}.background-slideshow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out}.bg-slide.active{opacity:1}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1}header{position:fixed;top:0;left:0;width:100%;padding:20px 0;background:#0a0a0a99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--gold-primary),transparent) 1;z-index:100;text-align:center;box-shadow:0 10px 30px #00000080}header:after{content:"♔";display:block;font-size:2em;color:var(--gold-primary);margin-top:-10px;text-shadow:0 0 10px var(--gold-light)}.logo-header{font-family:Cinzel,serif;font-size:1.8em;color:var(--gold-light);text-decoration:none;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px rgba(212,175,55,.5)}.main-content{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 40px;animation:fadeIn .8s ease-out}.container{background:#141414d9;border:1px solid var(--border-gold);border-radius:20px;padding:50px;max-width:600px;width:100%;text-align:center;box-shadow:0 0 50px #000c,inset 0 0 20px #d4af371a;position:relative;overflow:hidden}.intro-status{font-family:Cinzel,serif;font-size:.8em;letter-spacing:3px;color:var(--gold-dark);margin-bottom:20px}.status-dot{display:inline-block;width:8px;height:8px;background-color:#0f0;border-radius:50%;box-shadow:0 0 8px #0f0;margin-right:8px}.main-title{font-family:Cinzel,serif;font-size:3.5em;margin-bottom:10px;color:#fff;text-transform:uppercase;letter-spacing:2px}.text-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.divider-ornament{color:var(--gold-dark);font-size:1.5em;margin:10px 0;opacity:.8}.subtitle{color:#aaa;font-size:1em;letter-spacing:4px;text-transform:uppercase;margin-bottom:40px}.logo-frame{width:100px;height:100px;margin:0 auto 20px;border:1px solid var(--border-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000080;box-shadow:0 0 20px #d4af3733}.logo-image{font-size:3em}.info-box{background:#0009;border-left:3px solid var(--gold-primary);padding:20px;text-align:left;margin-bottom:30px}.box-header h3{font-family:Cinzel,serif;color:var(--gold-light);margin-bottom:10px;font-size:1.2em}.info-box ul{list-style:none}.info-box li{margin:8px 0;color:#ddd;font-size:.95em}.features-grid{display:flex;justify-content:space-between;margin-bottom:40px;gap:10px}.feature-card{flex:1;background:#ffffff08;padding:15px;border:1px solid rgba(255,255,255,.05);border-radius:10px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--gold-dark)}.icon-glow{font-size:1.5em;margin-bottom:8px;text-shadow:0 0 10px rgba(212,175,55,.4)}.feature-card h3{font-size:.9em;color:var(--gold-light);margin-bottom:5px;text-transform:uppercase}.feature-card p{font-size:.75em;color:#888}.get-key-button{width:100%;padding:20px 40px;background:transparent;border:2px solid var(--gold-primary);border-radius:50px;color:var(--gold-primary);font-family:Cinzel,serif;font-weight:800;font-size:1.2em;letter-spacing:2px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .5s ease;box-shadow:0 0 10px #d4af371a;z-index:1}.get-key-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,var(--gold-primary),var(--gold-light));transform:translate(-100%);transition:.6s;z-index:-1}.get-key-button:hover{color:#000;box-shadow:0 0 40px #d4af3799;border-color:transparent;transform:scale(1.05)}.get-key-button:hover:before{transform:translate(0)}.get-key-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s;z-index:-1}.get-key-button:hover:after{left:100%;transition:.7s ease-in-out}.get-key-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%);pointer-events:none}.discord-button{display:inline-flex;align-items:center;margin-top:20px;color:#7289da;text-decoration:none;font-size:.9em;border:1px solid #7289da;padding:10px 20px;border-radius:20px;transition:all .3s}.discord-button:hover{background:#7289da;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:linear-gradient(145deg,#141414f2,#282828f2);border:1px solid var(--gold-primary);padding:50px 40px;border-radius:20px;text-align:center;max-width:450px;width:90%;box-shadow:0 0 60px #d4af3733,inset 0 0 20px #000c;transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 60%);z-index:-1;animation:rotateGlow 10s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay.active .modal{transform:scale(1)}.modal-icon{font-size:4em;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(212,175,55,.6));animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.modal h2{font-family:Cinzel,serif;font-size:2em;background:linear-gradient(135deg,#fff,var(--gold-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;text-transform:uppercase}.modal p{color:#aaa;font-size:.9em;margin-bottom:25px;font-family:Playfair Display,serif;letter-spacing:1px}.key-box{background:#0009;border:1px dashed var(--gold-dark);padding:15px;border-radius:10px;font-family:Courier New,monospace;font-size:1.5em;color:var(--gold-light);font-weight:700;letter-spacing:2px;margin-bottom:30px;position:relative;text-shadow:0 0 10px rgba(212,175,55,.3);word-break:break-all}.copy-btn{width:100%;padding:15px;background:var(--gold-primary);color:#000;border:none;border-radius:50px;font-family:Cinzel,sans-serif;font-weight:800;font-size:1em;cursor:pointer;transition:all .3s ease;margin-bottom:15px;box-shadow:0 5px 15px #d4af374d}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af3780;background:#fff}.close-btn{background:transparent;border:none;color:#666;font-size:.9em;cursor:pointer;text-decoration:underline;transition:color .3s;font-family:Playfair Display,serif}.close-btn:hover{color:#fff}.modal-error-content{border:1px solid #ff3333!important;background:#140000f2}.modal-error-icon{font-size:4em;margin-bottom:10px;animation:shake .5s ease-in-out}.active-key-container{margin-top:20px;padding:25px;background:linear-gradient(135deg,#141414f2,#282828f2);border:1px solid var(--gold-primary);border-radius:16px;box-shadow:0 0 20px #d4af374d;animation:slideUp .5s ease-out;text-align:center}.key-label{color:var(--gold-light);font-size:.9em;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.key-display{font-family:Courier New,monospace;font-size:1.8em;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:15px;text-shadow:0 0 10px rgba(255,255,255,.5);word-break:break-all}.copy-btn-small{background:transparent;border:1px solid var(--gold-dark);color:var(--gold-primary);padding:8px 20px;border-radius:20px;font-size:.9em;cursor:pointer;transition:all .3s ease}.copy-btn-small:hover{background:var(--gold-primary);color:#000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}footer{display:flex;justify-content:center;padding:30px 0;border-top:1px solid var(--border-gold);background:#000;margin-top:50px;font-size:.8em;color:#444}.footer-content{text-align:center}.footer-links{margin-top:5px;color:#666}@media(max-width:768px){.features-grid{flex-direction:column;gap:20px}.main-content{padding-top:120px;padding-left:15px;padding-right:15px}h1.main-title{font-size:2em;word-wrap:break-word}.container{padding:30px 20px;width:95%}.get-key-button{padding:15px 20px;font-size:1em;width:100%}.toast-notification.show{right:5%;left:5%;width:90%;bottom:20px;min-width:auto;justify-content:flex-start}}@media(max-width:480px){.logo-header{font-size:1.4em}.subtitle{font-size:.8em;letter-spacing:2px}.modal{padding:30px 20px;width:95%}.key-display{font-size:1.2em}}@media(max-width:600px){.desktop-only{display:none!important}.admin-header{padding:15px 20px!important}}.admin-header{position:fixed;top:0;left:0;width:100%;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-gold);transition:padding .3s ease}.toast-notification{position:fixed;bottom:30px;right:-500px;background:var(--luxury-black);border-left:5px solid var(--gold-primary);padding:15px 20px;border-radius:8px;box-shadow:0 5px 20px #000c;display:flex;align-items:center;gap:15px;transition:right .5s cubic-bezier(.175,.885,.32,1.275),bottom .5s ease;z-index:2000;min-width:300px;max-width:90%}.toast-notification.show{right:30px}.toast-notification.error{border-left-color:#f44}.toast-icon{font-size:1.5em}.toast-content h4{margin:0 0 5px;color:#fff;font-family:Cinzel,serif}.toast-content p{margin:0;color:#aaa;font-size:.9em}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#d4af371a,#d4af3708);border:1px solid rgba(212,175,55,.35);color:var(--gold-primary);border-radius:8px;cursor:pointer;font-size:.8em;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:Cinzel,serif;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.refresh-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.08),transparent);transition:left .5s ease}.refresh-btn:hover{background:linear-gradient(135deg,#d4af3733,#d4af3714);border-color:#d4af3799;box-shadow:0 0 20px #d4af3726,inset 0 0 15px #d4af370d;color:var(--gold-light)}.refresh-btn:hover:before{left:100%}.refresh-btn:active{transform:scale(.96);box-shadow:0 0 10px #d4af3740}.refresh-icon{transition:transform .5s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover .refresh-icon{transform:rotate(180deg)}.refresh-btn:active .refresh-icon{transform:rotate(360deg)}.ban-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ban-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:20px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0003;min-width:0;overflow:hidden}.ban-card-red{background:linear-gradient(145deg,#1a0505,#000);border:1px solid rgba(211,47,47,.2);box-shadow:0 4px 20px #0000004d}.ban-table{width:100%;border-collapse:collapse;font-size:.9em}@media(max-width:850px){.ban-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.ban-card{padding:12px}.ban-table{font-size:.8em}}
