@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--dark-1: #050505;--dark-2: #0a0a0a;--dark-3: #121212;--dark-4: #1a1a1a;--light-1: #ffffff;--light-2: #f0f0f0;--light-3: #e0e0e0;--light-4: #d0d0d0;--accent: #b0b0b0;--border: rgba(255, 255, 255, .08);--shadow: rgba(0, 0, 0, .4);--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--dark-2);color:var(--light-4);line-height:1.7;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 15% 50%,rgba(30,30,30,.8) 0%,transparent 20%),radial-gradient(circle at 85% 30%,rgba(40,40,40,.6) 0%,transparent 20%)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--light-2);letter-spacing:-.03em;line-height:1.2}h1{font-size:3.5rem;background:linear-gradient(to right,var(--light-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem}h2{font-size:2.5rem;position:relative;padding-bottom:1rem;margin-bottom:2rem}h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:2px;background:linear-gradient(to right,var(--accent),transparent)}h3{font-size:1.8rem;margin:1.5rem 0 1rem;color:var(--light-3)}p{margin-bottom:1.5rem;font-weight:300}a{color:var(--light-3);text-decoration:none;transition:var(--transition);position:relative}a:hover{color:var(--light-1)}button,.btn{font-family:Inter,sans-serif;font-weight:500;background:var(--dark-4);color:var(--light-3);border:1px solid var(--border);border-radius:10px;padding:14px 28px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px var(--shadow)}button:hover,.btn:hover{background:var(--dark-3);transform:translateY(-3px);box-shadow:0 6px 25px #00000080;color:var(--light-1);border-color:#ffffff26}button:active,.btn:active{transform:scale(.98)}.card{background:#141414b3;border:1px solid var(--border);border-radius:16px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px var(--shadow);transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0009;border-color:#ffffff26}.divider{height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);margin:3rem 0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;top:0;z-index:1000;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:500}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--light-1);transition:var(--transition)}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;padding:0 5%;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(50,50,50,.1) 0%,transparent 70%);z-index:-1}.hero-content{max-width:1200px;margin:0 auto;width:100%}.section{padding:8rem 5%;position:relative}.section-title{text-align:center;margin-bottom:4rem}.section-title h2:after{left:50%;transform:translate(-50%)}.footer{background:var(--dark-1);padding:4rem 5%;border-top:1px solid var(--border)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-section h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--light-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .8s ease-out forwards}@media (max-width: 992px){h1{font-size:3rem}h2{font-size:2.2rem}.hero{padding-top:100px}}@media (max-width: 768px){.navbar{padding:1rem 5%}.nav-links{gap:1.5rem}h1{font-size:2.5rem}h2{font-size:2rem}.section{padding:6rem 5%}}@media (max-width: 576px){.nav-links{display:none}h1{font-size:2rem}h2{font-size:1.8rem}.card{padding:1.5rem}.hero{min-height:90vh}.section{padding:4rem 5%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{padding-top:100px;background-color:#0a0a0a;color:#f0f0f0}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#0f0f0ff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:fixed;top:0;left:0;width:100%;z-index:1000;min-height:80px;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.logo{display:flex;align-items:center;gap:1rem;transition:transform .3s ease;z-index:1001}.logo-img{width:50px;height:50px;border-radius:10px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(180,180,180,.2))}.logo-title{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;top:5px;transform:translateY(2px);display:flex;align-items:center}.nav-menu{display:flex;gap:1.8rem;transition:all .4s ease}.nav-menu a{color:#d0d0d0;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:1rem;position:relative;padding:.8rem 1.5rem;transition:all .3s ease;border-radius:12px;background:#1e1e1eb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 12px #0000004d}.nav-menu a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#b0b0b0;transition:width .3s ease}.nav-menu a:hover{background:#323232b3;transform:translateY(-2px);box-shadow:0 4px 16px #0006;border-color:#fff3;color:#fff}.nav-menu a:active{transform:scale(.97);transition:transform .1s ease}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.burger-line{display:block;width:25px;height:2px;background:#d0d0d0;margin:5px 0;transition:all .3s ease}@media (max-width: 1024px){.header{padding:1rem 5%}.nav-menu{gap:1.5rem}}@media (max-width: 768px){.menu-toggle{display:block}.nav-menu{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;transform:translate(-100%);opacity:0}.nav-menu.active{transform:translate(0);opacity:1}.nav-menu a{font-size:1.2rem;padding:1rem;width:90%;margin:.5rem auto;text-align:center}.logo-title{font-size:1.5rem}}@media (max-width: 480px){.header{min-height:70px;padding:.8rem 5%}.logo-img{width:40px;height:40px}.nav-menu{top:70px;height:calc(100vh - 70px)}.burger-line{width:22px}}.menu-toggle.active .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:#fff}.menu-toggle.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);background:#fff}.header.scrolled{background:#0a0a0afa;box-shadow:0 4px 20px #00000080;border-bottom:1px solid rgba(255,255,255,.05)}.nav-menu{display:flex;gap:1rem;transition:all .4s ease}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;flex-direction:column;justify-content:center}.burger-line{display:block;width:25px;height:2px;background:#d0d0d0;margin:3px 0;transition:all .3s ease;border-radius:2px}@media (max-width: 1024px){.nav-menu{gap:.8rem}.nav-menu a{padding:.6rem 1rem;font-size:.95rem}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 0;transform:translate(100%);opacity:0;overflow-y:auto;z-index:999}.nav-menu.active{transform:translate(0);opacity:1}.nav-menu a{width:85%;max-width:300px;margin:.5rem 0;padding:1.2rem;font-size:1.1rem;text-align:center;border-radius:15px}}@media (max-width: 480px){.header{min-height:70px}.nav-menu{top:70px;height:calc(100vh - 70px)}.logo-img{width:40px;height:40px}.logo-title{font-size:1.5rem}}.menu-toggle.active .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active .burger-line:nth-child(2){opacity:0}.menu-toggle.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}body.menu-open{overflow:hidden}@media (max-width: 1024px){.nav-menu{gap:.6rem}.nav-menu a{padding:.6rem 1rem;font-size:.9rem}}@media (max-width: 900px){.nav-menu{gap:.4rem}.nav-menu a{padding:.5rem .8rem;font-size:.85rem}}.hero{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(45deg,#0a0a0a,#121212,#1a1a1a,#121212,#0a0a0a);background-size:400% 400%;animation:gradientAnimation 20s ease infinite;position:relative;overflow:hidden;color:#f0f0f0}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-content{max-width:800px;padding:40px;background:#0f0f0fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;text-align:center}.hero h1{font-size:4.5rem;margin-bottom:1.5rem;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.5);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.4rem;margin-bottom:2.5rem;line-height:1.6;opacity:.85;font-weight:300;color:#d0d0d0}.hero button{padding:18px 45px;font-size:1.2rem;border-radius:50px;background:#1e1e1eb3;border:2px solid rgba(255,255,255,.15);color:#f0f0f0;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:500;box-shadow:0 4px 20px #0000004d}.hero button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.hero button:hover{background:#282828cc;transform:translateY(-3px);box-shadow:0 8px 24px #00000080;border-color:#ffffff40;color:#fff}.hero button:hover:before{left:100%}@media (max-width: 768px){.hero{min-height:90vh}.hero-content{margin:20px;padding:30px}.hero h1{font-size:3.5rem}.hero p{font-size:1.2rem}.hero button{padding:16px 40px;font-size:1.1rem}}@media (max-width: 480px){.hero h1{font-size:2.8rem}.hero p{font-size:1rem}.hero button{padding:14px 35px;font-size:1rem}}.info-section{padding:4rem 2rem;margin:3rem auto;background:#141414b3;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);max-width:1200px}.info-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 180deg at 50% 50%,#6464641a,#50505014,#4646460f,#6464641a 360deg);opacity:.5;z-index:-1;animation:rotate 12s linear infinite}.info-section:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000080;border-color:#fff3;background:#191919cc}.info-section h2{font-size:2.8rem;background:linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.03em;position:relative}.info-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:2px;background:gray;border-radius:2px}.info-section p{font-size:1.2rem;color:#d0d0d0;line-height:1.8;max-width:800px;margin:1.5rem auto;font-family:Inter,sans-serif;font-weight:300}@media (max-width: 768px){.info-section{padding:3rem 1.5rem;margin:2rem 1rem}.info-section h2{font-size:2.2rem}.info-section p{font-size:1.1rem}}@media (max-width: 480px){.info-section{padding:2rem 1rem;border-radius:16px}.info-section h2{font-size:1.8rem}.info-section p{font-size:1rem}}.page-title{font-size:4rem;background:linear-gradient(45deg,#e0e0e0 30%,#a0a0a0 90%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.05em;text-shadow:0 2px 10px rgba(255,255,255,.05)}.start-buttons{margin-top:40px;display:flex;gap:25px;flex-wrap:wrap;justify-content:center}.download-btn,.web-version-btn{padding:18px 45px;font-size:1.1rem;border:none;border-radius:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:12px;position:relative;overflow:hidden;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.1)}.download-btn{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#b3b3b3;box-shadow:0 10px 30px #00000080}.web-version-btn{background:linear-gradient(135deg,#121212,#0a0a0a);color:#8c8c8c;box-shadow:0 10px 30px #00000080}.download-btn:hover,.web-version-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #64646433;color:#fff}.download-btn:active,.web-version-btn:active{transform:scale(.97);filter:brightness(1.1)}.download-btn i,.web-version-btn i{font-size:1.3em;transition:transform .3s ease}.download-btn:hover i{transform:translateY(-2px)}@media (max-width: 768px){.start-page{padding:60px 20px}.page-title{font-size:3rem;line-height:1.1}.start-buttons{gap:20px;margin-top:35px}.download-btn,.web-version-btn{padding:16px 40px;font-size:1rem}}@media (max-width: 480px){.start-page{padding:40px 15px}.page-title{font-size:2.2rem;letter-spacing:-.03em}.start-buttons{width:100%;flex-direction:column;gap:15px}.download-btn,.web-version-btn{width:100%;justify-content:center;padding:18px 30px}}.contact-container{max-width:600px;margin:4rem auto;padding:2.5rem;background:#141414cc;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.contact-container h2{font-size:2.2rem;color:transparent;background:linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;text-align:center}.contact-options{display:grid;gap:1.5rem;margin-top:2rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#6464641a;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.contact-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.contact-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006;background:#78787826;border-color:#fff3}.contact-item:hover:before{left:100%}.contact-icon{font-size:1.8rem;color:#b0b0b0;min-width:40px;text-align:center}.contact-item span{color:#d0d0d0;font-family:Inter,sans-serif;font-weight:400}@media (max-width: 768px){.contact-container{margin:2rem;padding:1.5rem}.contact-container h2{font-size:2rem}.contact-item{padding:1rem}}@media (max-width: 480px){.contact-container{margin:1rem;border-radius:16px;padding:1.5rem}.contact-container h2{font-size:1.8rem}.contact-item{flex-direction:row;text-align:left;gap:.8rem}.contact-icon{font-size:1.5rem}}.about-container{max-width:800px;margin:50px auto;padding:30px;text-align:left;background:#141414cc;border-radius:16px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.about-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,180,180,.3),transparent)}.about-container h2{text-align:center;font-size:2.5rem;color:#e0e0e0;margin-bottom:30px;font-weight:700;position:relative;padding-bottom:15px}.about-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,#b0b0b0,transparent)}.about-container h3{color:#b0b0b0;margin-top:30px;margin-bottom:15px;font-size:1.8rem;font-weight:600;position:relative;padding-left:20px}.about-container h3:before{content:"—";position:absolute;left:0;top:0;color:gray}.about-container p{color:#d0d0d0;line-height:1.8;margin-bottom:20px;font-weight:300}@media (max-width: 768px){.about-container{margin:30px 20px;padding:25px}.about-container h2{font-size:2rem}.about-container h3{font-size:1.5rem}}@media (max-width: 480px){.about-container{margin:20px 15px;padding:20px;border-radius:12px}.about-container h2{font-size:1.8rem}.about-container h3{padding-left:15px}}.App{font-family:Segoe UI,system-ui,sans-serif;margin:0;padding:0;min-height:100vh;background:#0a0a0a;color:#e0e0e0}button{font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}a{text-decoration:none;color:#f5f5f5}.start-page{text-align:center;padding:80px 20px;max-width:1200px;margin:0 auto}.page-title{font-size:3.5rem;color:#fff;margin-bottom:2rem;font-weight:700;letter-spacing:-1.5px;text-shadow:0 2px 10px rgba(255,255,255,.1)}.start-buttons{margin-top:50px;display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.download-btn,.web-version-btn{padding:18px 40px;font-size:1.1rem;border:none;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #00000080;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.download-btn{background:linear-gradient(45deg,#1a1a1a,#0d0d0d);color:#74b9ff}.web-version-btn{background:linear-gradient(45deg,#121212,#0a0a0a);color:#b2b2b2}.download-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #74b9ff33;color:#fff}.web-version-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ffffff1a;color:#fff}.download-btn:active,.web-version-btn:active{transform:scale(.97)}@media (max-width: 768px){.page-title{font-size:2.8rem;line-height:1.2}.start-buttons{gap:20px}.download-btn,.web-version-btn{padding:16px 35px;font-size:1rem}}@media (max-width: 480px){.start-page{padding:60px 15px}.page-title{font-size:2.2rem;letter-spacing:-.5px}.start-buttons{flex-direction:column;margin-top:40px}.download-btn,.web-version-btn{width:100%;justify-content:center}}.footer{background:linear-gradient(155deg,#0a0a0a,#121212);padding:2.5rem 1.5rem;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.05)}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.03)" /></svg>');opacity:.2}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;position:relative}.footer .logo{display:inline-flex;align-items:center;gap:1rem;transition:transform .3s ease}.footer .logo:hover{transform:translate(5px)}.footer .logo-img{width:45px;height:45px;border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(200,200,200,.1));border:1px solid rgba(255,255,255,.1)}.footer .logo-title{font-family:Poppins,sans-serif;font-size:1.4rem;background:linear-gradient(45deg,#d0d0d0 30%,gray);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;position:relative;top:2px}.footer nav{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center}.footer nav a{color:#fff9;text-decoration:none;font-family:Inter,sans-serif;font-size:1rem;position:relative;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer nav a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#b0b0b0;transition:width .3s ease}.footer nav a:hover{color:#fff}.footer nav a:hover:after{width:100%}.footer-text{font-size:.95rem;color:#fff6;text-align:center;margin-top:2rem;position:relative;padding-top:1.5rem}.footer-text:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent 0%,#808080 50%,transparent 100%)}@media (max-width: 768px){.footer{padding:2rem 1rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer .logo{justify-content:center;margin-bottom:1.5rem}.footer nav{flex-direction:column;gap:1rem}.footer-text{font-size:.85rem}}@media (max-width: 480px){.footer .logo-title{font-size:1.2rem}.footer nav a{font-size:.9rem;padding:.5rem}}.rules-container{max-width:800px;margin:4rem auto;padding:2.5rem;background:#141414cc;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.rules-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#b4b4b40d,#78787808);z-index:-1;animation:rotate 20s linear infinite}.rules-container h2{font-size:2.5rem;background:linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem;font-family:Poppins,sans-serif;position:relative;padding-bottom:1rem}.rules-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,#a0a0a0 0%,transparent 100%)}.rules-container h3{color:transparent;background:linear-gradient(45deg,#d0d0d0,#909090);-webkit-background-clip:text;background-clip:text;margin:1.5rem 0;font-size:1.5rem;position:relative;padding-left:1.5rem}.rules-container h3:before{content:"▹";position:absolute;left:0;color:#a0a0a0;font-weight:700}.rules-container p{color:#dcdcdce6;line-height:1.8;font-size:1.1rem;margin-bottom:1rem;font-family:Inter,sans-serif}.rules-container ul{list-style:none;padding-left:2rem;margin:1.5rem 0}.rules-container ul li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:#d0d0d0}.rules-container ul li:before{content:"•";position:absolute;left:0;color:#a0a0a0;font-size:1.4rem;line-height:1}.rules-container a{color:#a0a0a0;text-decoration:none;position:relative;transition:all .3s ease}.rules-container a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}.rules-container a:hover{color:#fff}.rules-container a:hover:after{width:100%}@media (max-width: 768px){.rules-container,.contact-container{margin:2rem;padding:1.5rem}.rules-container h2{font-size:2rem}.contact-item{padding:1rem}}@media (max-width: 480px){.rules-container,.contact-container{margin:1rem;border-radius:16px}.rules-container h2{font-size:1.8rem}.contact-item{flex-direction:column;text-align:center}}.privacy-container{max-width:800px;margin:50px auto;padding:30px;text-align:left;background:#141414cc;border-radius:16px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.privacy-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,180,180,.3),transparent)}.privacy-container h1{text-align:center;color:#e0e0e0;margin-bottom:30px;font-size:2.5rem;font-weight:700;position:relative;padding-bottom:15px}.privacy-container h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,#b0b0b0,transparent)}.privacy-container h2{color:#b0b0b0;margin-top:30px;margin-bottom:15px;font-size:1.8rem;font-weight:600;position:relative;padding-left:20px}.privacy-container h2:before{content:"—";position:absolute;left:0;top:0;color:gray}.privacy-container p{color:#d0d0d0;line-height:1.8;margin-bottom:20px;font-weight:300}.privacy-container ul{list-style-type:none;margin-left:0;margin-bottom:25px}.privacy-container ul li{position:relative;padding-left:25px;margin-bottom:12px;color:silver}.privacy-container ul li:before{content:"•";position:absolute;left:10px;color:gray;font-size:1.4rem}.privacy-container a{color:#b0b0b0;text-decoration:none;position:relative;transition:all .3s ease;font-weight:500}.privacy-container a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}.privacy-container a:hover{color:#fff}.privacy-container a:hover:after{width:100%}.last-updated{text-align:center;font-style:italic;margin-top:40px;color:gray;font-size:.9rem;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}@media (max-width: 768px){.privacy-container{margin:30px 20px;padding:25px}.privacy-container h1{font-size:2rem}.privacy-container h2{font-size:1.5rem}}@media (max-width: 480px){.privacy-container{margin:20px 15px;padding:20px;border-radius:12px}.privacy-container h1{font-size:1.8rem}.privacy-container h2{padding-left:15px}}.developer-container{max-width:1440px;margin:2rem auto;padding:2rem}.docs-layout{display:grid;grid-template-columns:280px 1fr;gap:3rem;margin-top:3rem}.docs-nav{background:#ffffff0d;border-radius:16px;padding:1.5rem;position:sticky;top:2rem;height:fit-content}.nav-header{margin-bottom:1.5rem}.nav-divider{height:2px;background:linear-gradient(90deg,#0984e3 0%,transparent 100%);margin:1rem 0}.nav-list{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:8px;color:#ffffffb3;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#0984e31a;color:#74b9ff}.nav-item.active{background:#0984e333;color:#0984e3;font-weight:500}.docs-content{background:#ffffff08;border-radius:16px;padding:2rem}.article-title{font-size:2rem;color:#74b9ff;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(116,185,255,.2)}.article-card{background:#0000004d;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border-left:4px solid #0984e3;transition:transform .3s ease}.article-card:hover{transform:translateY(-3px)}.code-block{background:#0d1a26;border-radius:8px;padding:1rem;margin:1.5rem 0;overflow-x:auto}.code-block pre{color:#7fdbca;font-family:Fira Code,monospace;margin:0;font-size:.9rem;line-height:1.5}.key-visual{display:grid;gap:1rem;margin:1.5rem 0}.key-item{background:#0984e31a;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem}.key-item code{flex-grow:1;color:#74b9ff;font-family:Fira Code,monospace}.copy-button{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .3s ease}.copy-button:hover{color:#0984e3}.auth-flow{display:flex;justify-content:space-between;align-items:center;margin:2rem 0}.flow-step{text-align:center;flex:1}.step-icon{width:40px;height:40px;background:#0984e3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-weight:700}.notice{padding:1rem;border-radius:8px;margin:1.5rem 0;display:flex;gap:1rem}.notice.warning{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);color:orange}@media (max-width: 1200px){.docs-layout{grid-template-columns:1fr}.docs-nav{position:static}}@media (max-width: 768px){.developer-container{padding:1rem}.auth-flow{flex-direction:column;gap:2rem}.flow-arrow{transform:rotate(90deg)}}.links-container{max-width:1200px;margin:4rem auto;padding:2rem;position:relative}.links-header{text-align:center;margin-bottom:3rem}.links-header h2{font-size:2.8rem;background:linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;font-weight:700}.links-header p{color:#b0b0b0;font-size:1.2rem;font-weight:300}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.8rem}.link-card{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.5rem 2rem;background:#1e1e1eb3;border-radius:16px;border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden;z-index:1;box-shadow:0 6px 24px #0000004d}.link-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #00000080;border-color:var(--accent-color)}.link-card:hover .link-title{color:#fff}.link-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#141414cc;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.link-icon{font-size:1.8rem;color:var(--accent-color);transition:all .3s ease}.link-title{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;color:#d0d0d0;transition:color .3s ease;flex-grow:1}.link-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);z-index:-1;opacity:0;transition:opacity .3s ease}.link-card:hover .link-hover-effect{opacity:1}@media (max-width: 992px){.links-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.links-container{padding:1.5rem;margin:2rem auto}.links-header h2{font-size:2.2rem}.links-header p{font-size:1.1rem}.link-card{padding:1.2rem 1.5rem}}@media (max-width: 480px){.links-grid{grid-template-columns:1fr}.links-header h2{font-size:2rem}.link-icon-wrapper{width:45px;height:45px}.link-icon{font-size:1.5rem}.link-title{font-size:1.1rem}}.custom-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#2d3436,#4ecdc4);border-radius:10px;font-family:Poppins,sans-serif;font-weight:700;font-size:1.2rem;color:#fff;box-shadow:0 4px 12px #4ecdc44d;transition:all .3s ease}.custom-logo-image{width:100%;height:100%;border-radius:10px;object-fit:cover;padding:0;background:#fff}.link-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#141414cc;border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow:hidden}@media (max-width: 480px){.custom-logo,.custom-logo-image{width:35px;height:35px;font-size:1rem}}.server-status-page{background:#0a0a0a;color:#e0e0e0;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;padding:20px;font-family:Segoe UI,system-ui,sans-serif}.container{background:#141414cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;z-index:1;max-width:800px;width:90%;transition:transform .3s ease;overflow:hidden}.container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#b4b4b40d,#78787808);z-index:-1;animation:rotate 20s linear infinite;opacity:.5}@keyframes rotate{to{transform:rotate(360deg)}}h1{font-size:2.5rem;background:linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem;font-weight:700;text-align:center;position:relative;padding-bottom:1rem}h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,#a0a0a0,transparent)}.status-card{background:#1e1e1eb3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.status-card:hover:before{left:100%}.status-online{border-left:4px solid #00ff88}.status-offline{border-left:4px solid #ff2b7d}.server-name{font-size:1.2rem;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;gap:.8rem}.server-icon{color:#b0b0b0}.server-status{font-size:.9rem;opacity:.8;display:flex;align-items:center;gap:.5rem;color:#d0d0d0}.status-indicator{font-size:1rem}.online{color:#0f8}.offline{color:#ff2b7d}.loader{display:flex;justify-content:center;align-items:center;height:100px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#b0b0b0;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.3);padding:1.5rem;border-radius:12px;text-align:center;color:#ff6b6b}.error-subtext{margin-top:10px;opacity:.7;font-size:.9rem;color:#d0d0d0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{width:95%;padding:1.5rem}h1{font-size:2rem}.server-name{font-size:1rem}.server-status{font-size:.8rem}.error-message{padding:1rem}}