body{margin:0;padding:0;min-height:100vh;color:#fff;font-family:Arial,sans-serif;background:linear-gradient(180deg,#1a1a3d 0,indigo 100%)}.hero{position:relative;text-align:center;padding:20px 20px 10px;z-index:2;margin-top:30px}.hero h1{font-size:2.4em;font-weight:700;color:gold;letter-spacing:3px;margin-bottom:20px;text-shadow:0 0 10px gold,0 0 10px gold,0 0 0 gold;animation:glow 3s infinite alternate}@keyframes glow{from{text-shadow:0 0 10px gold,0 0 10px gold,0 0 0 gold;transform:scale(1)}to{text-shadow:0 0 20px gold,0 0 20px gold,0 0 10px gold;transform:scale(1.02)}}.hero p{font-size:1.5em;color:#ccc;margin-bottom:40px;opacity:.9;font-weight:300}.hero-button{font-size:1.2em;padding:15px 35px;border:none;border-radius:30px;background:linear-gradient(135deg,gold,orange);color:#000;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 0 20px rgba(255,215,0,.5);text-transform:uppercase;letter-spacing:1px;text-decoration:none}.hero button:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 5px 25px rgba(255,215,0,.7);background:linear-gradient(135deg,orange,gold)}#bgCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.tab-content{display:none;padding:30px;background:rgba(20,20,30,.1);color:#fff;line-height:1.8;animation:fadeIn .5s ease-in-out;backdrop-filter:blur(3px)}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tabs-container{margin:50px auto;max-width:900px;background:rgba(15,15,25,.1);border-radius:20px;overflow:hidden;border:1px solid rgba(255,215,0,.3)}.tabs{position:relative;display:flex;justify-content:space-around;background:linear-gradient(135deg,rgba(26,26,46,.4),rgba(22,33,62,.4),rgba(15,52,96,.4));box-shadow:inset 0 -2px 10px rgba(0,0,0,.3)}.tab-btn{flex:1;padding:20px 15px;background:0 0;border:none;color:#bbb;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.25, .46, .45, .94);position:relative;z-index:2;text-transform:uppercase;letter-spacing:1px}.tab-btn:hover{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8);transform:translateY(-2px)}.tab-btn.active{color:gold;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.9);background:rgba(255,215,0,.1)}.tabs::after{content:"";position:absolute;bottom:0;left:0;height:4px;width:calc(100% / 3);background:linear-gradient(90deg,transparent,gold,#fff,gold,transparent);box-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4),0 -2px 10px rgba(255,215,0,.6);border-radius:2px;transition:all .4s cubic-bezier(.25, .46, .45, .94);transform:translateX(calc(var(--active-index,0) * 100%));animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4)}50%{box-shadow:0 0 30px gold,0 0 60px rgba(255,215,0,.6)}}.tab-content h2{color:gold;font-size:2.2em;margin-bottom:20px;text-shadow:0 0 10px rgba(255,215,0,.5);border-bottom:2px solid rgba(255,215,0,.3);padding-bottom:10px}.tab-content p{font-size:1.1em;line-height:1.8;margin-bottom:20px;color:#ddd}.tab-content ol,.tab-content ul{margin-left:20px;margin-bottom:20px}.tab-content li{margin-bottom:15px;font-size:1.1em;color:#ccc;padding-left:10px;border-left:3px solid rgba(255,215,0,.5);transition:all .3s ease}.tab-content li:hover{border-left-color:gold;transform:translateX(5px);color:#fff}@media (max-width:768px){.tabs-container{margin:30px 10px;border-radius:15px}.tab-btn{padding:12px 8px;font-size:.85rem;letter-spacing:0}.tab-content{background:rgba(20,20,30,.2);padding:15px}.tab-content h2{font-size:1.5em}.tab-content p{font-size:.95em;line-height:1.6}.tab-content ol,.tab-content ul{margin-left:15px}.tab-content li{font-size:.95em;margin-bottom:12px}}.main-content{position:relative;z-index:1;padding-bottom:50px}@media (max-width:768px){.hero{padding:80px 15px 30px;margin-top:50px}.hero h1{font-size:1.6em;letter-spacing:1px;line-height:1.3}.hero p{font-size:1em;margin-bottom:25px}.hero button,.hero-button{font-size:.9em;padding:12px 25px}.tabs-container{margin:0 10px 30px}}.telegram-button{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#08c,#00a0e4);color:#fff;text-decoration:none;border-radius:25px;font-weight:700;font-size:1.1em;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,136,204,.3);margin-top:20px}.telegram-button:hover{background:linear-gradient(135deg,#006ba3,#08c);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,136,204,.4);color:#fff;text-decoration:none}.telegram-icon{width:20px;height:20px;fill:currentColor}.button-text{font-weight:600}