*,:before,:after{box-sizing:border-box}body{color:#0b1a33;-webkit-font-smoothing:antialiased;background:#f8fafc;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.container{max-width:1100px;margin:0 auto;padding:0 20px}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fffffff2;border-bottom:1px solid #0000000f;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding:10px 0;display:flex}nav .navbar-brand{color:#0b1a33;align-items:center;gap:6px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}nav .navbar-brand span{color:#2563eb}.nav-menu{align-items:center;gap:4px;display:flex}nav .nav-link{color:#475569;border-radius:8px;padding:6px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s}nav .nav-link:hover,nav .nav-link.active{color:#fff;background:#2563eb}.d-flex{display:flex}.gap-3{gap:12px}.align-items-center{align-items:center}.nav-toggle{cursor:pointer;background:0 0;border:none;width:28px;height:28px;padding:0;display:none;position:relative}.hamburger,.hamburger:before,.hamburger:after{background:#0b1a33;border-radius:2px;width:22px;height:2px;transition:all .25s;display:block;position:absolute;left:3px}.hamburger{top:13px}.hamburger:before{content:"";top:-7px}.hamburger:after{content:"";top:7px}.hamburger.open{background:0 0}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.hero{background:linear-gradient(135deg,#0b1a33 0%,#1a365d 50%,#2563eb 100%);padding:96px 0 88px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero>.container{z-index:1;position:relative}.hero .badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#93c5fd;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.hero h1{letter-spacing:-.03em;color:#fff;max-width:700px;margin:0 0 16px;font-size:2.75rem;font-weight:800;line-height:1.15}.hero h1 span{color:#93c5fd}.hero p{color:#ffffffb3;max-width:560px;margin:0 0 28px;font-size:1.1rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{border-top:1px solid #ffffff1a;gap:32px;margin-top:48px;padding-top:32px;display:flex}.hero-stats .stat{text-align:left}.hero-stats .stat .num{color:#fff;font-size:1.75rem;font-weight:800;line-height:1}.hero-stats .stat .label{color:#ffffff80;margin-top:4px;font-size:.8rem}.btn-primary,.btn-outline,.btn-ghost,.btn-orange{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#2563eb;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover{color:#fff;background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.btn-outline{color:#fff;background:#ffffff14;border:1.5px solid #fff3}.btn-outline:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.btn-wa{color:#0b1a33;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:11px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-wa:hover{color:#075e54;border-color:#25d366;transform:translateY(-1px)}.btn-orange{color:#fff;background:#f97316;box-shadow:0 2px 8px #f973164d}.btn-orange:hover{color:#fff;background:#ea580c;transform:translateY(-1px)}section{padding:80px 0}.section-label{text-transform:uppercase;letter-spacing:1.5px;color:#2563eb;margin-bottom:8px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{color:#0b1a33;letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.section-sub{color:#64748b;max-width:500px;margin-bottom:40px;font-size:.95rem;line-height:1.6}.services-alt{background:#f8fafc}.cat-label{color:#0b1a33;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0000000a}.cat-label span{font-size:1.2rem}.service-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.price-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px 22px;transition:all .25s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.price-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 8px 24px #2563eb1a}.price-card .name{color:#0b1a33;margin-bottom:4px;font-size:.95rem;font-weight:700;line-height:1.3}.price-card .sub{color:#64748b;flex:1;margin-bottom:12px;font-size:.8rem;line-height:1.5}.price-card .price-area{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:14px}.price-card .price-old{color:#f87171;font-size:.85rem;font-weight:500;text-decoration:line-through}.price-card .price-new{color:#0b1a33;font-size:1.35rem;font-weight:800;display:inline-block}.price-card .price-new .currency{color:#94a3b8;font-size:.85rem;font-weight:500}.price-card .hemat{color:#16a34a;vertical-align:middle;letter-spacing:.3px;background:#dcfce7;border-radius:6px;margin-left:8px;padding:2px 10px;font-size:.65rem;font-weight:700;display:inline-block}.price-card .price-range{color:#0b1a33;font-size:1.25rem;font-weight:800}.price-card .price-range .currency{color:#94a3b8;font-size:.85rem;font-weight:500}.price-card .per-note{color:#94a3b8;margin-top:2px;font-size:.7rem}.card-wa{color:#fff;background:#25d366;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:14px;padding:8px 18px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.card-wa:hover{color:#fff;background:#1da857;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.card-wa svg{width:16px;height:16px}.process{background:#f8fafc;border-top:1px solid #e2e8f0}.process-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 16px;transition:all .2s;position:relative}.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.step-card .step-num{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;font-size:.9rem;font-weight:700;display:flex}.step-card h4{color:#0b1a33;margin:0 0 6px;font-size:.95rem;font-weight:600}.step-card p{color:#64748b;margin:0;font-size:.8rem;line-height:1.5}.portfolio{background:#fff}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.portfolio-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.portfolio-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.portfolio-card .thumb{justify-content:center;align-items:center;height:160px;font-size:2.5rem;display:flex}.portfolio-card .info{padding:16px 18px}.portfolio-card .info h4{color:#0b1a33;margin:0 0 4px;font-size:.9rem;font-weight:600}.portfolio-card .info p{color:#64748b;margin:0;font-size:.78rem;line-height:1.5}.trust-bar{text-align:center;background:#0b1a33;padding:60px 0}.trust-bar .trust-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.trust-bar .trust-item{padding:0 16px}.trust-bar .trust-item .num{color:#fff;font-size:2.25rem;font-weight:800;line-height:1}.trust-bar .trust-item .label{color:#ffffff80;margin-top:6px;font-size:.85rem}.trust-bar .trust-item p{color:#ffffff59;margin:12px 0 0;font-size:.78rem;font-style:italic;line-height:1.5}.topup-section{background:linear-gradient(135deg,#fefce8 0%,#fef3c7 100%)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.game-card{text-align:center;cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px 10px;transition:all .2s}.game-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b1f}.game-card .icon{margin-bottom:6px;font-size:1.75rem}.game-card .name{color:#0b1a33;font-size:.78rem;font-weight:600}.topup-cta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.topup-cta p{margin:0 0 12px}#kontak{background:#fff;border-top:1px solid #e2e8f0}.contact-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:800px;margin:0 auto;display:grid}.contact-left h3{color:#0b1a33;margin:0 0 8px;font-size:1.5rem;font-weight:700}.contact-left p{color:#64748b;margin:0 0 20px;font-size:.9rem;line-height:1.6}.contact-left .contact-item{color:#475569;align-items:center;gap:12px;margin-bottom:12px;font-size:.85rem;display:flex}.contact-left .contact-item .icon{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.testimonials{background:#fff}.testimoni-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.testimoni-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .25s}.testimoni-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 4px 16px #2563eb14}.testimoni-card .stars{gap:2px;margin-bottom:12px;display:flex}.testimoni-card .text{color:#334155;margin:0 0 16px;font-size:.88rem;font-style:italic;line-height:1.6}.testimoni-card .author{align-items:center;gap:10px;display:flex}.testimoni-card .avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.testimoni-card .author .name{color:#0b1a33;font-size:.85rem;font-weight:600}.testimoni-card .author .role{color:#64748b;font-size:.75rem}.faq-section{background:#f8fafc}.faq-list{max-width:700px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:#bfdbfe}.faq-item.open{border-color:#2563eb}.faq-question{cursor:pointer;color:#0b1a33;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;font-family:inherit;font-size:.9rem;font-weight:600;display:flex}.faq-arrow{flex-shrink:0;transition:transform .25s}.faq-arrow.rotated{transform:rotate(180deg)}.faq-answer{transition:max-height .3s;overflow:hidden}.faq-answer p{color:#475569;margin:0;padding:0 20px 16px;font-size:.85rem;line-height:1.6}.booking-section{background:#fff;border-top:1px solid #e2e8f0}.booking-wrap{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.booking-benefits{margin-top:24px}.benefit-item{color:#334155;align-items:center;gap:10px;margin-bottom:14px;font-size:.88rem;font-weight:500;display:flex}.booking-right form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:28px}.form-group{margin-bottom:14px}.form-group label{color:#334155;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-input{color:#0b1a33;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.form-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:80px}.btn-submit{justify-content:center;width:100%;margin-top:4px}select.form-input{appearance:auto}.contact-right{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:28px}.contact-right h4{color:#0b1a33;margin:0 0 6px;font-size:1.1rem;font-weight:700}.contact-right>p{color:#64748b;margin:0 0 16px;font-size:.85rem;line-height:1.5}.contact-right .response-badge{color:#059669;align-items:center;margin-top:12px;font-size:.75rem;font-weight:500;display:inline-flex}footer{color:#94a3b8;background:#fff;border-top:1px solid #e2e8f0;padding:40px 0 20px;font-size:.8rem}footer a{color:#64748b;text-decoration:none;transition:color .15s}footer a:hover{color:#2563eb}footer .footer-grid{border-bottom:1px solid #e2e8f0;grid-template-columns:1.3fr 1fr 1fr;gap:32px;margin-bottom:20px;padding-bottom:24px;display:grid}footer .footer-brand h3{color:#0b1a33;margin:0 0 8px;font-size:1rem;font-weight:700}footer .footer-brand p{max-width:260px;margin:0;line-height:1.5}footer h4{color:#0b1a33;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:.72rem;font-weight:700}footer ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}footer .footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}footer .footer-legal{gap:16px;display:flex}@media (width<=767px){footer .footer-grid{grid-template-columns:1fr;gap:24px}}@media (width>=768px) and (width<=1023px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.hero{padding:56px 0 48px}.hero h1{font-size:1.6rem}.hero-stats{flex-wrap:wrap;gap:20px}.hero-stats .stat .num{font-size:1.3rem}section{padding:48px 0}.service-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(4,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid,.trust-bar .trust-grid,.contact-wrap,.booking-wrap,.testimoni-grid{grid-template-columns:1fr}.section-title{font-size:1.35rem}.nav-toggle{display:block}.nav-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #0000000f;flex-direction:column;gap:0;max-height:0;transition:max-height .35s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.open{max-height:400px;overflow:visible}nav .nav-link{border-bottom:1px solid #f1f5f9;border-radius:0;padding:12px 20px}nav .nav-link:hover{color:#2563eb;background:#f1f5f9}nav .nav-link:last-child{border-bottom:none}nav .nav-link.active{color:#2563eb;background:#f1f5f9}}.pcb-hero{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);padding:96px 0 88px;position:relative;overflow:hidden}.pcb-hero:before{content:"";background:radial-gradient(circle at 30% 70%,#2563eb14 0%,#0000 50%),radial-gradient(circle at 70% 30%,#6366f114 0%,#0000 50%);position:absolute;inset:0}.pcb-hero>.container{z-index:1;position:relative}.pcb-hero .badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#93c5fd;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.pcb-hero h1{letter-spacing:-.03em;color:#fff;max-width:700px;margin:0 0 16px;font-size:2.75rem;font-weight:800;line-height:1.15}.pcb-hero h1 span{color:#93c5fd}.pcb-hero p{color:#ffffffb3;max-width:560px;margin:0 0 28px;font-size:1.1rem;line-height:1.7}@media (width<=767px){.pcb-hero{padding:56px 0 48px}.pcb-hero h1{font-size:1.6rem}}