.hero-section{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{flex:1;z-index:10;max-width:600px}.hero-actions{display:flex;gap:16px}.btn-primary{padding:16px 32px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));color:#000;font-weight:800;font-size:1.1rem;border-radius:12px;box-shadow:0 4px 20px #d4af3766;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:25%;height:100%;background:#fff6;box-shadow:0 0 20px #fff6;transform:skew(-20deg) translate(-300%);transition:transform .6s ease}.btn-primary:hover:before{transform:skew(-20deg) translate(500%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3780}.btn-secondary{padding:16px 32px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-primary);font-weight:700;font-size:1.1rem;border-radius:12px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a}.hero-visual{flex:1;position:relative;height:600px;display:flex;justify-content:center;align-items:center;perspective:1200px}.hero-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;filter:blur(40px)}.cards-stage{position:relative;width:250px;height:339px;transform-style:preserve-3d;z-index:10;transition:transform .1s ease-out}.hero-card{position:absolute;width:100%;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:visible!important;animation:levitate 6s ease-in-out infinite;backface-visibility:hidden;background:transparent}.hero-card-img{width:96%!important;height:96%!important;object-fit:contain!important;filter:drop-shadow(0 20px 50px rgba(0,0,0,.25))}.card-pos-0{transform:translateZ(100px) rotate(5deg) translate(40px) translateY(20px);z-index:5;opacity:1}.card-pos-0 .hero-card-img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(197,155,39,.3))}.card-pos-1{transform:translateZ(20px) rotate(15deg) translate(120px) translateY(-20px) scale(.9);z-index:4;opacity:.8}.card-pos-2{transform:translateZ(-50px) rotate(5deg) translate(60px) translateY(-50px) scale(.8);z-index:1;opacity:0;pointer-events:none}.card-pos-3{transform:translateZ(-50px) rotate(-5deg) translate(-60px) translateY(-50px) scale(.8);z-index:1;opacity:0;pointer-events:none}.card-pos-4{transform:translateZ(50px) rotate(-10deg) translate(-80px) translateY(0) scale(.9);z-index:3;opacity:.8}.card-mock-content{position:relative;z-index:10;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.floating-particles{position:absolute;inset:-100px;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 10px var(--accent-gold)}.p1{top:20%;left:10%;animation:levitate 4s ease-in-out infinite}.p2{top:60%;right:20%;animation:levitate 5s ease-in-out infinite 1s}.p3{bottom:10%;left:30%;animation:levitate 6s ease-in-out infinite 2s}@media(max-width:992px){.hero-section{flex-direction:column;text-align:center;padding-top:100px;padding-bottom:40px}.hero-actions{justify-content:center}.hero-visual{margin-top:40px;height:400px;width:100%}}@media(max-width:768px){.btn-primary,.btn-secondary{padding:12px 24px;font-size:1rem}.hero-actions{flex-direction:column;gap:12px}.cards-stage{transform:scale(.85)}}@media(max-width:480px){.cards-stage{transform:scale(.7)}.hero-visual{height:320px}}.testimonials-section{padding:100px 5%;position:relative;z-index:5;background:linear-gradient(180deg,transparent,rgba(255,255,255,.4),transparent)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.testimonial-card{padding:30px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s ease,box-shadow .4s ease;background:var(--glass-bg)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014,0 0 20px #d4af3726}.stars{margin-bottom:16px;font-size:1.2rem;letter-spacing:2px}.testimonial-text{font-size:1.1rem;line-height:1.7;color:var(--text-primary);font-style:italic;margin-bottom:30px;flex:1}.testimonial-author-box{display:flex;align-items:center;gap:16px;border-top:1px solid rgba(0,0,0,.05);padding-top:20px}.author-avatar{width:50px;height:50px;border-radius:50%;background:#d4af371a;display:flex;justify-content:center;align-items:center;font-size:1.5rem;border:2px solid var(--accent-gold)}.author-name{font-weight:700;color:var(--text-primary);margin-bottom:4px}.author-role{font-size:.85rem;color:var(--text-secondary)}.creator-section{padding:6rem 1rem;position:relative;z-index:5}.creator-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem;align-items:flex-start;transform:translateZ(0);contain:paint}@media(min-width:992px){.creator-grid{grid-template-columns:1fr 1fr}}.creator-form{padding:2rem;background:#ffffffe6;border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--glass-shadow);transform:translateZ(0);contain:paint}@media(max-width:768px){.creator-form{padding:1.25rem}.form-section{padding:1rem!important}}.custom-photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;will-change:transform;contain:layout;transform:translateZ(0)}@media(min-width:480px){.custom-photos-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.custom-photos-grid{grid-template-columns:repeat(4,1fr)}}.form-main-title{font-size:1.8rem;margin-bottom:2rem;color:var(--gold);font-weight:800;letter-spacing:2px;text-shadow:0 0 20px rgba(212,175,55,.3)}.form-section{position:relative;background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:1.5rem;margin-bottom:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1;overflow:hidden;animation:slideUpFade .6s ease-out forwards;opacity:0;transform:translateY(20px)}.form-section:nth-child(1){animation-delay:.1s;border-color:#0ff3}.form-section:nth-child(2){animation-delay:.2s;border-color:#f0f3}.form-section:nth-child(3){animation-delay:.3s;border-color:#ff640033}.form-section:nth-child(4){animation-delay:.4s;border-color:#00ff6433}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.form-section{border-color:#d4af3726!important;background:#ffffffe6!important;box-shadow:0 4px 15px #d4af370d}.step-indicator{background:linear-gradient(135deg,#d4af37,#f1d592)!important;color:#fff!important;box-shadow:0 4px 10px #d4af3733!important;border:none!important}.form-section.theme-cyan,.form-section.theme-magenta,.form-section.theme-orange,.form-section.theme-emerald{--theme: #d4af37;--theme-bg: transparent}.form-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--text-primary);margin-bottom:2rem;padding-bottom:.8rem;position:relative;font-weight:800;letter-spacing:1.5px;text-shadow:0 0 10px var(--theme)}.form-section-title:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:60px;background:var(--theme);transition:width .4s ease;box-shadow:0 0 10px var(--theme)}.form-section:hover .form-section-title:after{width:100%;background:linear-gradient(90deg,var(--theme),transparent)}.step-indicator{position:absolute;top:-15px;right:-15px;width:60px;height:60px;background:#fff;border:3px solid var(--theme);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:900;color:var(--theme);box-shadow:0 0 20px var(--theme),inset 0 0 10px var(--theme);text-shadow:0 0 10px var(--theme);transition:all .3s ease;z-index:10}.form-section:hover .step-indicator{transform:scale(1.1) rotate(10deg);box-shadow:0 0 30px var(--theme),inset 0 0 20px var(--theme)}.form-group{margin-bottom:1.2rem;display:flex;flex-direction:column}.form-group.half{width:48%}.form-row{display:flex;justify-content:space-between}.form-group label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem;letter-spacing:1px;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.8rem 1rem;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .6s ease;box-shadow:inset 0 2px 5px #0000000d}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#0003;background:#f8f9fa}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--theme);background:#fff;box-shadow:0 0 0 4px #0000000d,0 0 15px rgba(var(--theme-rgb),.3);transform:translateY(-2px)}.stats-title{display:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.form-row{flex-direction:column;gap:1rem}.form-group.half{width:100%}.stats-grid{grid-template-columns:1fr}}.stat-input-group{display:flex;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden}.stat-label-input{width:60%;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.2);padding:.8rem .5rem;color:#ccc;font-size:.8rem}.stat-val-input{width:40%;background:transparent;border:none;padding:.8rem .5rem;color:#fff;font-size:1rem;text-align:center;font-weight:700}.stat-input-group input:focus{outline:none;background:#ffffff0d}.bg-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;max-height:250px;overflow-y:auto;padding-right:5px}.bg-picker-grid::-webkit-scrollbar{width:5px}.bg-picker-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.bg-thumb{aspect-ratio:2/3;display:flex;justify-content:center;align-items:center;position:relative;background-size:cover;background-position:center;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .6s ease;box-shadow:0 4px 10px #0000001a;opacity:.7;filter:grayscale(30%)}.bg-thumb:hover{transform:scale(1.08) translateY(-4px);opacity:1;filter:grayscale(0%);box-shadow:0 10px 20px #0003;border-color:var(--theme)}.bg-thumb.active{border-color:var(--theme);transform:scale(1.12) translateY(-5px);opacity:1;filter:grayscale(0%);box-shadow:0 15px 30px #0000004d,0 0 20px rgba(var(--theme-rgb),.4);z-index:2}.bg-thumb-active-dot{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:6px;background:var(--theme);border-radius:10px;box-shadow:0 0 10px var(--theme);animation:pulseTheme 2s infinite}@keyframes pulseTheme{0%{box-shadow:0 0 10px var(--theme),0 0 20px var(--theme)}50%{box-shadow:0 0 20px var(--theme),0 0 40px var(--theme)}to{box-shadow:0 0 10px var(--theme),0 0 20px var(--theme)}}.creator-preview{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;position:sticky;top:100px}@media(max-width:991px){.creator-preview{position:static;margin-top:40px}.live-card-wrapper{max-width:200px!important}}.live-card-wrapper{position:relative;width:100%;max-width:260px;aspect-ratio:60 / 85;border-radius:16px;perspective:1000px;box-shadow:0 30px 60px #0006,0 0 100px rgba(var(--theme-color-rgb),.2)}.live-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;background-color:#111;border:2px solid rgba(255,255,255,.1)}.live-card img.card-image-main{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;filter:brightness(1.1) contrast(1.1)}.live-card img.card-bg-blur{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:blur(12px) brightness(.5);transform:scale(1.1)}.card-overlay-top{position:absolute;top:0;left:0;right:0;height:100%;z-index:3;box-shadow:inset 0 80px 100px -20px #000000b3;pointer-events:none}.card-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:100%;z-index:3;box-shadow:inset 0 -130px 150px -20px #000000e6;pointer-events:none}.card-id-badge{position:absolute;top:3%;left:50%;transform:translate(-50%);width:11%;aspect-ratio:1;background:#000;border:2px solid var(--theme-color);border-radius:50%;color:var(--theme-color);display:flex;justify-content:center;align-items:center;font-family:inherit;font-weight:900;font-size:clamp(10px,3.5vw,16px);z-index:15;box-shadow:0 0 10px #00000080;transition:all .5s ease}.card-id-badge.pos-tl{left:4%;transform:none}.card-hex{position:absolute;width:25%;aspect-ratio:1;z-index:10;transition:all .5s ease;background:var(--stat-shape-color, #222)!important;display:flex;align-items:center;justify-content:center}.card-hex.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#281e00e6,#503c00f2);border:none}.card-hex.shape-hexagon:after{content:"";position:absolute;inset:1px;background:transparent;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:inset 0 0 15px #ffd700cc,inset 0 0 5px #fff;pointer-events:none}.card-hex.shape-hexagon .card-stat-val{color:#fed330;text-shadow:0 0 8px rgba(254,211,48,.8)}.card-hex.shape-hexagon .card-stat-lbl{color:#f7ca18;font-size:clamp(5px,2.5vw,9.5px)!important;max-width:95%}.card-hex.shape-circle{border-radius:50%;background:radial-gradient(circle at center,#280050e6,#0a0014f2);border:2px solid #a100ff;box-shadow:0 0 15px #a100ffcc,inset 0 0 20px #00d2ff99}.card-hex.shape-circle:before{content:"";position:absolute;inset:-5px;border:2px dashed rgba(0,210,255,.8);border-radius:50%}.card-hex.shape-circle .card-stat-val{color:#e056fd;text-shadow:0 0 10px #e056fd,0 0 20px #a100ff}.card-hex.shape-circle .card-stat-lbl{color:#7efff5}.card-hex.shape-shield{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(to bottom,#780000e6,#280000f2);border:none}.card-hex.shape-shield:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;box-shadow:inset 0 20px 20px #ff3c3c66,inset 0 -15px 25px #000000e6;border-top:3px solid #eb2f06}.card-hex.shape-shield .card-stat-val{color:#fcc;text-shadow:0 0 10px #eb2f06,0 0 20px #ff0000}.card-hex.shape-shield .card-stat-lbl{color:#fc5c65;font-weight:700}.card-hex.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(135deg,#00461ee6,#00140af2);border:none}.card-hex.shape-diamond:after{content:"";position:absolute;inset:1px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 0 25px #26de8199}.card-hex.shape-diamond .card-stat-val{color:#26de81;text-shadow:0 0 12px rgba(38,222,129,.9);font-style:italic}.card-hex.shape-diamond .card-stat-lbl{color:#a8e6cf}.card-hex.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#ffffc8e6,#c89600f2);border:none}.card-hex.shape-star .card-stat-val{color:#fff;text-shadow:0 0 15px rgba(255,200,0,1),0 0 5px #000}.card-hex.shape-star .card-stat-lbl{color:#fff;text-shadow:0 0 5px #000;font-weight:900}.card-hex.shape-tear{border-radius:0 50% 50%;transform:scale(.85) rotate(45deg);background:linear-gradient(135deg,#0096ffe6,#003296f2);box-shadow:inset -5px -5px 20px #00000080,inset 5px 5px 20px #fff6;border:2px solid #00f0ff}.card-hex.shape-tear .card-stat-val{color:#c8ffff;text-shadow:0 0 8px #00a8ff}.card-hex.shape-tear .card-stat-lbl{color:#00f0ff}.card-hex.shape-octagon{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:linear-gradient(to bottom right,#505050e6,#141414f2);border:none}.card-hex.shape-octagon:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px #555,inset 0 0 20px #000}.card-hex.shape-octagon .card-stat-val{color:#ff5e57;text-shadow:0 0 8px #ff3f34,0 2px 2px #000}.card-hex.shape-octagon .card-stat-lbl{color:#d2dae2;font-size:clamp(5px,2.5vw,9.5px)!important;max-width:95%}.card-hex.shape-scroll{border-radius:10px;background:#eccc68;background-image:linear-gradient(white 2px,transparent 2px),linear-gradient(90deg,white 2px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;border:3px solid #b71540;box-shadow:inset 0 0 30px #8b4513cc,2px 5px 10px #00000080}.card-hex.shape-scroll .card-stat-val{color:#2f3542;text-shadow:none}.card-hex.shape-scroll .card-stat-lbl{color:#57606f;font-weight:900}.card-hex.shape-gem{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(to bottom,#c8ffffcc,#0064c8e6);border:none}.card-hex.shape-gem:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%,rgba(255,255,255,.1) 100%)}.card-hex.shape-gem .card-stat-val{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #00d2ff}.card-hex.shape-gem .card-stat-lbl{color:#dff9fb;text-shadow:0 2px 2px rgba(0,0,0,.5)}.card-hex.shape-diamond .card-hex-inner,.card-hex.shape-star .card-hex-inner{transform:scale(.65)}.card-hex.shape-hexagon .card-hex-inner,.card-hex.shape-shield .card-hex-inner,.card-hex.shape-gem .card-hex-inner{transform:scale(.85)}.card-hex.shape-tear .card-hex-inner{transform:rotate(-45deg)}.layout-corners .card-hex.pos-tl{top:2%;left:2%}.layout-corners .card-hex.pos-tr{top:2%;right:2%}.layout-corners .card-hex.pos-bl{bottom:2%;left:2%}.layout-corners .card-hex.pos-br{bottom:2%;right:2%}.layout-left{position:absolute;top:16%;left:3%;display:flex;flex-direction:column;gap:4%;z-index:10;width:20%;height:80%;justify-content:flex-start}.layout-left .card-hex{position:relative;inset:auto!important;width:100%}.layout-right{position:absolute;top:16%;right:3%;display:flex;flex-direction:column;gap:4%;z-index:10;width:20%;height:80%;justify-content:flex-start}.layout-right .card-hex{position:relative;inset:auto!important;width:100%}.layout-bottom{position:absolute;bottom:6%;left:2%;right:2%;display:flex;flex-direction:row;gap:3%;z-index:10;justify-content:center}.layout-bottom .card-hex{position:relative;inset:auto!important;width:20%}.card-hex-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:100%;height:100%;padding:0 12%;box-sizing:border-box}.card-stat-val{font-weight:900;font-size:clamp(12px,4vw,20px);line-height:1;text-shadow:0 1px 3px #000;color:var(--stat-val-color, #fff)!important}.card-stat-lbl{font-size:clamp(5px,2.5vw,9px)!important;color:var(--stat-lbl-color, #ccc)!important;margin-top:1px;font-family:Roboto,sans-serif;letter-spacing:.2px;max-width:95%;text-align:center;line-height:.95;word-break:break-word}.live-card-wrapper .card-hex{background:#0006!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.25)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:auto!important;filter:drop-shadow(0 0 5px var(--theme-color))!important}.live-card-wrapper .card-hex:before,.live-card-wrapper .card-hex:after{display:none!important}.live-card-wrapper .card-hex-inner{position:relative;z-index:10}.live-card-wrapper .card-stat-val{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.9),0 -1px 3px rgba(0,0,0,.9)!important}.live-card-wrapper .card-stat-lbl{color:#d1d8e0!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.card-header-info{position:absolute;top:5%;left:20%;right:20%;text-align:center;z-index:10;display:flex;flex-direction:column;justify-content:flex-start}.card-footer-info{position:absolute;bottom:8%;left:20%;right:20%;text-align:center;z-index:10;display:flex;flex-direction:column;justify-content:flex-end}.has-layout-bottom .card-footer-info{bottom:30%;left:10%;right:10%}.has-layout-left .card-footer-info{left:28%;right:5%}.has-layout-right .card-footer-info{left:5%;right:28%}.card-group-name{font-size:clamp(8px,2.5vw,12px);color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;margin-bottom:2px;font-weight:700;font-family:Roboto,sans-serif}.card-hero-name{font-size:clamp(14px,5.5vw,26px);margin:0;text-shadow:0 2px 4px #000;text-transform:uppercase;line-height:1.1}.card-hero-desc{font-size:clamp(9px,2.2vw,13px);color:#fff;margin-top:4px;padding:0 16%;line-height:1.4;text-shadow:none!important;font-weight:500;font-style:normal!important;letter-spacing:0px;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes btnShine{0%{left:-100%}20%{left:200%}to{left:200%}}.how-to-play-section{padding:100px 5%;position:relative;z-index:5}.rules-toggle-container{display:flex;justify-content:center;margin-bottom:40px}.rules-toggle{display:flex;background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:30px;padding:6px;box-shadow:inset 0 2px 5px #0000000d}.toggle-btn{padding:10px 24px;font-size:1rem;font-weight:600;color:var(--text-secondary);border-radius:24px;transition:all .3s ease}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:#fff;color:var(--text-primary);box-shadow:0 4px 10px #00000014}.timeline-container{position:relative;max-width:800px;margin:60px auto 0;padding:20px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,transparent,var(--accent-gold),transparent);transform:translate(-50%);border-radius:2px}.timeline-item{position:relative;width:50%;margin-bottom:60px;opacity:0;animation:fadeIn .8s ease forwards}.timeline-item.left{left:0;padding-right:50px;text-align:right}.timeline-item.right{left:50%;padding-left:50px;text-align:left}.timeline-dot{position:absolute;top:20px;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--accent-gold);box-shadow:0 0 15px #d4af3780;z-index:2}.timeline-item.left .timeline-dot{right:-10px}.timeline-item.right .timeline-dot{left:-10px}.timeline-content{position:relative;padding:30px;border-radius:20px;background:var(--glass-bg);border:1px solid var(--glass-border);transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a,0 0 15px #d4af3733}.rule-number{position:absolute;top:-20px;font-size:4rem;font-weight:800;color:#d4af371a;z-index:0;line-height:1}.timeline-item.left .rule-number{left:20px}.timeline-item.right .rule-number{right:20px}.rule-icon{font-size:2.5rem;margin-bottom:16px;position:relative;z-index:1;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.timeline-content h3{font-size:1.4rem;color:var(--text-primary);margin-bottom:12px;position:relative;z-index:1}.timeline-content p{color:var(--text-secondary);line-height:1.6;font-size:1rem;position:relative;z-index:1}@media(max-width:768px){.timeline-line{left:20px}.timeline-item.left,.timeline-item.right{width:100%;left:0;padding-left:60px;padding-right:0;text-align:left}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:10px;right:auto}.timeline-item.left .rule-number{right:20px;left:auto}}@media(max-width:480px){.how-to-play-section{padding:60px 20px}.timeline-content{padding:24px 20px}.rule-number{font-size:3rem;top:-15px}.timeline-item{margin-bottom:40px}.how-to-play-section .container h2{font-size:2rem}}