#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{width:100%;background:#000;padding:15px 0;position:fixed;border-bottom:2px solid orange;top:0;left:0;z-index:1000}.navbar-container{max-width:1200px;margin:auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.navbar-logo img{height:50px}.navbar-menu{list-style:none;display:flex;gap:20px;align-items:center}.navbar-menu li a{color:#fff;text-decoration:none;font-weight:600;transition:.3s}.navbar-menu li a:hover{color:gold}.navbar-buttons{display:flex;gap:10px}.btn{padding:8px 15px;border-radius:5px;font-weight:700;text-decoration:none;transition:.3s}.btn{background:gold;color:#000}.btn:hover{background:orange}.btn-outline{border:2px solid gold;background:transparent;color:#fff}.btn-outline:hover{background:gold;color:#000}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer}.burger span{width:25px;height:3px;background:#fff;border-radius:3px}@media (max-width: 768px){.burger{display:flex}.navbar-menu{position:absolute;top:70px;left:0;right:0;background:#111;flex-direction:column;gap:15px;padding:20px;display:none}.navbar-menu.active{display:flex}.navbar-buttons{flex-direction:column;gap:10px}}.footer{background:#000;color:#fff;padding:40px 20px;width:100%}.footer-container{max-width:1400px;margin:auto;padding:0 40px}.footer-logo img{height:60px;margin-bottom:30px}.footer-links{color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-bottom:30px}.footer-links ul{color:#aaa;list-style:none;padding:0}.footer-links ul li{color:#fff;margin:8px 0;text-align:left;font-size:15px;cursor:pointer;transition:color .3s}.footer-links ul li:hover{color:gold}.footer-bottom{border-top:1px solid #333;padding-top:15px;text-align:center;font-size:14px;color:#aaa}a{color:#aaa;text-decoration:none}a:hover{color:#5c0404}*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#000}.marquee{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;background:#1111110a;color:#fff;padding:10px 0;position:relative;margin-top:50px}.marquee p{display:inline-block;padding-left:100%;animation:marquee 15s linear infinite;font-size:18px;font-weight:700;letter-spacing:1px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.search-box{display:flex;align-items:center;background:#f5dd02;border-radius:30px;padding:5px 15px;box-shadow:0 4px 8px #0000001a;max-width:100%;margin:50px auto 20px;transition:all .3s ease}.search-box:hover{box-shadow:0 6px 14px #00000026}.search-box input{border:none;outline:none;flex:1;padding:10px;font-size:16px;border-radius:30px}.search-box button{background:#fffb0000;border:none;color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer;transition:background .3s;font-size:12px}.search-box button:hover{background:#81d659}#claim_part{width:100%;background:#ced100;color:#dbb405;margin-top:50px;padding:30px;box-shadow:0 4px 6px 6px #d88c00c9;margin-bottom:20px}.claim-container{display:flex;flex-wrap:wrap;gap:30px;max-width:1200px;margin:auto;align-items:center}.claim-left{flex:1 1 40%}.claim_img img{width:100%;border-radius:10px;display:block}.banner_gif{margin-top:20px;text-align:center}.banner_gif img{width:100%;height:auto;border-radius:10px}.claim-right{flex:1 1 55%}.claim_text h1{text-align:center;font-family:Arial,sans-serif;font-size:32px;font-weight:700;color:#fff;background:linear-gradient(to bottom,#ffc400,#000);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-transform:uppercase;margin-bottom:20px}.claim_text p{text-align:justify;font-family:Arial,sans-serif;font-size:18px;color:#fff;line-height:1.6;margin:0 auto;max-width:600px}.claim_text a{color:gold;text-decoration:none}.claim_text a:hover{text-decoration:underline}@media (max-width: 768px){.claim-container{flex-direction:column;text-align:center}.claim-right{margin-top:20px}}
