#platform-page{color:#111;scroll-behavior:smooth;background-color:#fff;font-family:Poppins,Roboto,sans-serif}.platform-hero{color:#fff;text-align:center;background-color:#000;background-image:radial-gradient(circle,#ff00cc26 0%,#000 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:160px 0 100px}.platform-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;display:inline-flex}.feature-badge-text{color:#f0c;text-transform:uppercase;background:#ff00cc1f;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.hero-title{letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1}.hero-title span{color:#fff6}.hero-subtitle{color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em;max-width:600px;margin:0 auto 2.5rem;font-size:1.1rem;font-weight:500;line-height:1.6}.hero-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-platform-primary{color:#fff;background:linear-gradient(135deg,#f0c 0%,#33f 100%);border-radius:12px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-weight:600;text-decoration:none;transition:transform .3s,opacity .3s,background-color .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.btn-platform-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f0c6}.btn-platform-outline{color:#fff;border:1px solid #fff3;border-radius:12px;padding:.9rem 2rem;font-weight:600;text-decoration:none;transition:transform .3s,opacity .3s,background-color .3s,border-color .3s,color .3s,box-shadow .3s}.btn-platform-outline:hover{background:#ffffff0d;border-color:#fff6}.platform-intro{text-align:center;background:#fff;padding:100px 0 60px}.intro-text{color:#111;max-width:900px;margin:0 auto;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:600;line-height:1.5}.platform-content{background:#f8f9fa;padding-bottom:100px}.platform-card{color:#fff;background:#18181b;border-radius:24px;flex-direction:row;align-items:center;gap:4rem;margin-bottom:3rem;padding:4rem;display:flex}.card-left{flex:1}.card-right{flex:0 0 350px;justify-content:center;display:flex;position:relative}.phone-glow{filter:blur(40px);z-index:0;background:radial-gradient(circle,#ff00cc26 0%,#0000 70%);position:absolute;inset:-40px}.phone-img{z-index:1;filter:drop-shadow(0 20px 50px #00000080);width:100%;max-width:300px;transition:transform .5s;position:relative}.platform-card:hover .phone-img{transform:scale(1.03)rotate(-1deg)}.card-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.card-desc{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.card-desc strong{color:#fff}.download-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:1.2rem;font-size:.85rem;font-weight:700}.download-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.download-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s,background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}.download-btn:hover{background:#ffffff1a;border-color:#f0c;transform:translateY(-2px)}.download-btn i{color:#fffc;font-size:1.1rem}.server-box{text-align:center;background:#18181b;border:1px solid #ffffff0d;border-radius:24px;padding:3.5rem 2rem}.server-title{color:#fff;text-transform:uppercase;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.server-desc{color:#ffffff80;margin-bottom:2.5rem;font-size:1rem}.server-highlight a{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .8rem;font-family:monospace;text-decoration:none}.server-badges{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.badge-item{color:#fffc;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-green{background:#00ff73;box-shadow:0 0 12px #00ff7366}.dot-blue{background:#0781fe;box-shadow:0 0 12px #0781fe66}.dot-purple{background:#f0c;box-shadow:0 0 12px #f0c6}@media (width<=1024px){.platform-card{flex-direction:column;gap:3rem;padding:3rem 2rem}.card-right{flex:1;width:100%}.card-title{font-size:2rem}}@media (width<=768px){.platform-hero{padding:120px 0 60px}.hero-title{font-size:2rem}.hero-subtitle{letter-spacing:.08em;font-size:.9rem}.hero-btns{flex-direction:column;align-items:center}.btn-platform-primary,.btn-platform-outline{text-align:center;justify-content:center;width:100%}.platform-intro{padding:60px 0 40px}.intro-text{font-size:1.05rem}.platform-content{padding-bottom:60px}.platform-card{border-radius:16px;flex-direction:column;gap:2rem;padding:2rem 1.25rem}.card-title{margin-bottom:1rem;font-size:1.4rem}.card-desc{margin-bottom:1.5rem;font-size:.9rem}.card-right{flex:1;order:-1;width:100%}.phone-img{max-width:200px;margin:0 auto;display:block}.download-grid{grid-template-columns:1fr 1fr;gap:.6rem}.download-btn{gap:.4rem;padding:.7rem .75rem;font-size:.82rem}.server-box{border-radius:16px;padding:2rem 1.25rem}.server-title{font-size:1.25rem}.server-desc{font-size:.9rem}.server-badges{flex-direction:column;align-items:center;gap:1rem}}