@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap");:root{--primary:#ff7448;--primary-light:#ff9b70;--primary-hover:#f26235;--secondary:#fff;--bg-color:#fff2e8;--text-main:#1d2a3a;--text-muted:#8f9eab;--border-color:#ebf0f3;--success:#38c988;--danger:#fa6b6b;--info:#46b5ff;--card-shadow:0 15px 40px rgba(29,42,58,.05);--hover-shadow:0 20px 50px rgba(255,116,72,.15);--border-radius:32px;--input-radius:16px}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Sarabun,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body,html{overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--secondary);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:30px;border:1px solid hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:40px;font-family:Sarabun,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1.05rem}.btn-primary{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);color:#fff;box-shadow:0 8px 25px rgba(255,116,72,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);box-shadow:0 10px 30px rgba(255,116,72,.4);transform:translateY(-3px)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.header{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.03);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid hsla(0,0%,100%,.6)}.nav-container{justify-content:space-between;height:80px}.logo,.nav-container{display:flex;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--primary);gap:10px}.nav-links{display:flex;gap:30px;list-style:none}.nav-item{position:relative;display:flex;align-items:center;height:80px;cursor:pointer;font-weight:500;color:var(--text-main);transition:color .3s}.nav-item:hover{color:var(--primary)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:0 0 12px 12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:200;overflow:hidden;border:1px solid var(--border-color);border-top:3px solid var(--primary)}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:12px 20px;color:var(--text-main);transition:all .2s;border-bottom:1px solid var(--border-color)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:rgba(255,112,67,.05);color:var(--primary);padding-left:25px}.dropdown-divider{height:1px;background-color:var(--border-color);margin:5px 0}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px;z-index:101}.hamburger .bar{width:25px;height:3px;background-color:var(--primary);border-radius:3px;transition:all .3s ease}.hamburger.active .bar:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:#fff;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;gap:20px;transition:left .4s ease;box-shadow:0 10px 30px rgba(0,0,0,.1)}.nav-links.nav-active{left:0}.nav-item{height:auto;width:100%;justify-content:center;flex-direction:column}.dropdown-menu{position:relative;top:0;box-shadow:none;border:none;background:transparent;display:none;opacity:1;visibility:visible;transform:none}.dropdown-menu.dropdown-active-mobile{display:block;margin-top:10px}.dropdown-item{text-align:center}}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:8px;font-weight:500;font-size:.95rem;color:var(--text-main)}.form-control,.form-select{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:var(--input-radius);font-family:Sarabun,sans-serif;font-size:1rem;transition:all .3s ease;background:#fdfdfd}.form-control:focus,.form-select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(255,112,67,.1);background:#fff}.search-box{background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--border-radius);padding:20px 25px;margin-bottom:40px;box-shadow:0 20px 50px rgba(0,0,0,.04)}.number-inputs{display:flex;align-items:center;gap:4px;margin-bottom:15px;flex-wrap:nowrap;width:100%}.num-box{width:100%;max-width:42px;min-width:15px;flex:1 1;height:42px;text-align:center;font-size:1.1rem;border:1px solid var(--border-color);border-radius:8px;background:#fff;font-weight:600;color:var(--text-main);box-shadow:inset 0 2px 5px rgba(0,0,0,.02);padding:0}.num-box:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(255,112,67,.2)}.separator{color:#aaa;font-weight:700}.num-btn{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;cursor:pointer;transition:all .2s}.num-btn:hover{background:var(--bg-color);border-color:#bbb}.num-btn.active-like{background:var(--success);color:#fff;border-color:var(--success)}.num-btn.active-dislike{background:var(--danger);color:#fff;border-color:var(--danger)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:15px;gap:15px}@media (max-width:768px){.filters-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.filters-grid .form-label{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-grid .form-control,.filters-grid .form-select{padding:6px 10px;font-size:.85rem}.search-box{padding:15px}.num-box{max-width:35px;height:38px;font-size:.9rem;border-radius:6px}.separator{font-size:.8rem;margin:0 1px}.flex{flex-wrap:wrap}}.pricing-section{margin:60px 0}.pricing-table-wrapper{overflow-x:auto;border-radius:var(--border-radius);box-shadow:var(--card-shadow);background:#fff}.pricing-table{width:100%;border-collapse:collapse;min-width:900px}.pricing-table td,.pricing-table th{padding:15px;text-align:center;border-bottom:1px solid var(--border-color)}.pricing-table th{background:rgba(255,112,67,.05);font-weight:600;color:var(--text-main);padding:20px 15px}.pricing-table td:first-child,.pricing-table th:first-child{text-align:left;font-weight:500}.pricing-table tr:hover{background-color:rgba(255,112,67,.02)}.price-val{font-size:1.1rem;font-weight:600;color:var(--primary)}.price-strike{text-decoration:line-through;color:var(--text-muted);font-size:.9rem}.check-icon{color:var(--success);font-weight:700}.badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-danger{background:rgba(231,76,60,.1);color:var(--danger)}.badge-trust{background:rgba(46,204,113,.1);color:var(--success);border:1px solid var(--success)}.main-layout{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:992px){.main-layout{grid-template-columns:3fr 1fr}}.bottom-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px;margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.sidebar-widget{background:var(--secondary);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.03);border:1px solid var(--border-color);padding:20px;height:100%}.sidebar-widget-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:8px}.hero-section{background:radial-gradient(circle at top right,#1a0b2e 0,#060b19 100%);color:#fff;padding:60px 0;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:50px}.hero-left{flex:1 1}.hero-right{flex:1 1;display:flex;justify-content:flex-end}@media (max-width:992px){.hero-container{flex-direction:column;text-align:center}.hero-right{width:100%;margin-top:30px}.hero-right,.hero-stats{justify-content:center}}.glass-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.3)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:1rem}.w-full{width:100%}.glass-panel{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid hsla(0,0%,100%,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.marquee-container{width:100%;overflow:hidden;background:linear-gradient(90deg,#f8f9fa,#fff 50%,#f8f9fa);padding:25px 0;display:flex;align-items:center;position:relative;border-bottom:1px solid #eaeaea;box-shadow:0 4px 20px rgba(0,0,0,.03)}.marquee-content{gap:80px;white-space:nowrap;animation:scrollMarquee 25s linear infinite;min-width:200%;width:max-content}.marquee-content,.marquee-item{display:flex;align-items:center}.marquee-item{font-size:1.4rem;font-weight:800;color:hsla(0,0%,100%,.6);letter-spacing:1px;text-transform:uppercase;transition:color .3s;cursor:default;gap:10px}.marquee-item:hover{color:#f39c12}@keyframes scrollMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.vip-premium-card{background:linear-gradient(145deg,#111,#2a2a2a);padding:12px 25px;border-radius:16px;border:none;display:flex;align-items:center;gap:25px;box-shadow:0 8px 20px rgba(0,0,0,.15),0 0 12px rgba(255,215,0,.25);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);flex-shrink:0}.vip-premium-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transform:skewX(-20deg);animation:goldShine 4s infinite}@keyframes goldShine{0%{left:-100%}20%{left:200%}to{left:200%}}.vip-premium-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.3),0 0 25px rgba(255,215,0,.5);z-index:10}.marquee-container:hover .marquee-content{animation-play-state:paused}.btn-buy-vip{background:linear-gradient(90deg,#d4af37,gold 50%,#d4af37);background-size:200% auto;color:#000;border:none;padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:800;cursor:pointer;text-transform:uppercase;box-shadow:0 4px 10px rgba(255,215,0,.3);transition:all .3s ease}.btn-buy-vip:hover{transform:scale(1.05);background-position:100%}.dragon-card{box-shadow:0 8px 20px rgba(0,0,0,.15),0 0 12px rgba(231,76,60,.3)!important}.dragon-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.3),0 0 25px rgba(231,76,60,.6)!important}.swan-card{box-shadow:0 8px 20px rgba(0,0,0,.15),0 0 12px rgba(155,89,182,.3)!important}.swan-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.3),0 0 25px rgba(155,89,182,.6)!important}.quick-category-item:hover .quick-category-icon{transform:scale(1.15) translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)!important}.quick-category-item:hover span{color:#d35400!important;font-weight:700}.mobile-swap-container{display:flex;flex-direction:column}@media (max-width:768px){.quick-search-section{order:3}.predict-section{order:2}.mobile-ads-section{display:block;order:1}.desktop-ads-section{display:none}}.mobile-ads-section{display:none}.quick-search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:15px;gap:15px}@media (max-width:768px){.quick-search-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.all-numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}@media (max-width:768px){.all-numbers-grid{grid-template-columns:1fr}}