@import 'https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap';:root{--bg-primary:#070913;--bg-secondary:#0d1224;--bg-card:rgba(16, 23, 42, 0.75);--bg-card-hover:rgba(24, 34, 60, 0.85);--bg-glass:rgba(13, 18, 36, 0.65);--border-color:rgba(153, 69, 255, 0.22);--border-glow:rgba(20, 241, 149, 0.35);--solana-purple:#9945FF;--solana-green:#14F195;--solana-cyan:#00C2FF;--solana-blue:#3b82f6;--grad-primary:linear-gradient(135deg, #9945FF 0%, #00C2FF 50%, #14F195 100%);--grad-accent:linear-gradient(135deg, #9945FF 0%, #14F195 100%);--grad-blue:linear-gradient(135deg, #00C2FF 0%, #9945FF 100%);--grad-surface:linear-gradient(180deg, rgba(20, 28, 55, 0.8) 0%, rgba(10, 14, 28, 0.95) 100%);--grad-glow:radial-gradient(circle at 50% 0%, rgba(153, 69, 255, 0.18), transparent 70%);--text-primary:#F8FAFC;--text-secondary:#94A3B8;--text-muted:#64748B;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--shadow-sm:0 4px 12px rgba(0, 0, 0, 0.3);--shadow-md:0 10px 30px rgba(0, 0, 0, 0.5);--shadow-glow:0 0 35px rgba(153, 69, 255, 0.25);--shadow-glow-green:0 0 35px rgba(20, 241, 149, 0.25);--font-thai:'Kanit', sans-serif;--font-display:'Plus Jakarta Sans', 'Kanit', sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-thai);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;line-height:1.65;font-size:16px}body{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background:radial-gradient(circle at 15% 10%,rgba(153,69,255,.12) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(20,241,149,.1) 0%,transparent 40%),radial-gradient(circle at 50% 70%,rgba(0,194,255,8%) 0%,transparent 50%),var(--bg-primary)}a{color:var(--solana-cyan);text-decoration:none;transition:all .25s ease}a:hover{color:var(--solana-green)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary);line-height:1.25;margin-bottom:1rem}h1{font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.02em}h2{font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-.01em}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}.gradient-text{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.gradient-text-alt{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}p{margin-bottom:1.25rem;color:var(--text-secondary);font-size:1.05rem}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,9,19,.85);backdrop-filter:blur(16px);border-bottom:1px solid rgba(153,69,255,.15);transition:all .3s ease}.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.brand-logo{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;color:var(--text-primary)}.brand-logo svg{width:38px;height:38px}.nav-menu{display:flex;align-items:center;gap:1.75rem;list-style:none}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.98rem;transition:color .2s ease;position:relative;padding:.25rem 0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--grad-accent);border-radius:2px}.header-actions{display:flex;align-items:center;gap:1rem}.mobile-toggle{display:none;background:0 0;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:var(--radius-sm);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.8rem;font-size:1rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:none;text-decoration:none}.btn-primary{background:var(--grad-accent);color:#070913;box-shadow:0 4px 20px rgba(20,241,149,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(20,241,149,.45),0 0 20px rgba(153,69,255,.4);color:#070913}.btn-secondary{background:rgba(255,255,255,5%);color:var(--text-primary);border:1px solid rgba(153,69,255,.4);backdrop-filter:blur(8px)}.btn-secondary:hover{background:rgba(153,69,255,.15);border-color:var(--solana-cyan);color:var(--text-primary);transform:translateY(-2px)}.btn-sm{padding:.55rem 1.25rem;font-size:.9rem}.btn-lg{padding:1rem 2.25rem;font-size:1.1rem}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:2rem;transition:all .35s ease;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.glass-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.section{padding:5.5rem 0;position:relative}.section-hero{padding:6.5rem 0 5rem;position:relative}.section-header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:rgba(153,69,255,.12);border:1px solid rgba(153,69,255,.3);color:var(--solana-cyan);margin-bottom:1.25rem}.badge-green{background:rgba(20,241,149,.1);border-color:rgba(20,241,149,.3);color:var(--solana-green)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.hero-wrapper{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center}.hero-content h1{margin-bottom:1.5rem}.hero-desc{font-size:1.18rem;line-height:1.7;color:#cbd5e1;margin-bottom:2rem}.hero-actions{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,8%)}.stat-item .stat-num{font-size:1.5rem;font-weight:700;color:var(--solana-green);display:block}.stat-item .stat-label{font-size:.88rem;color:var(--text-muted)}.hero-image-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);box-shadow:0 0 50px rgba(153,69,255,.25)}.hero-image-wrap img{width:100%;height:480px;object-fit:cover;transition:transform .6s ease}.hero-image-wrap:hover img{transform:scale(1.03)}.feature-card{display:flex;flex-direction:column;justify-content:space-between}.feature-icon{width:54px;height:54px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(153,69,255,.2),rgba(0,194,255,.2));border:1px solid rgba(153,69,255,.3);display:flex;align-items:center;justify-content:center;color:var(--solana-green);font-size:1.5rem;margin-bottom:1.5rem}.service-card{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .35s ease}.service-card:hover{border-color:var(--border-glow);transform:translateY(-5px);box-shadow:var(--shadow-glow)}.service-thumb{height:220px;width:100%;overflow:hidden;position:relative}.service-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-card:hover .service-thumb img{transform:scale(1.05)}.service-body{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}.service-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;color:var(--solana-cyan)}.service-price{font-weight:700;color:var(--solana-green);font-size:1.1rem}.service-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,8%)}.article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.article-card:hover{border-color:var(--solana-cyan);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.article-thumb{height:200px;overflow:hidden}.article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-thumb img{transform:scale(1.05)}.article-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.article-tag{font-size:.8rem;color:var(--solana-green);font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.single-article{max-width:860px;margin:0 auto;padding:3rem 0 5rem}.single-header{margin-bottom:2.5rem;text-align:center}.single-cover{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);margin-bottom:3rem;box-shadow:var(--shadow-md)}.single-cover img{width:100%;max-height:480px;object-fit:cover}.content-body{font-size:1.1rem;line-height:1.8;color:#cbd5e1}.content-body h2{margin-top:2.5rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid rgba(153,69,255,.2);padding-bottom:.5rem}.content-body h3{margin-top:2rem;margin-bottom:.75rem;color:var(--solana-cyan)}.content-body ul,.content-body ol{margin:1.25rem 0 1.75rem 1.5rem}.content-body li{margin-bottom:.65rem}.content-body blockquote{border-left:4px solid var(--solana-green);padding:1rem 1.5rem;background:rgba(20,241,149,5%);border-radius:0 var(--radius-md)var(--radius-md)0;margin:2rem 0;font-style:italic;color:#e2e8f0}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:.9rem 1.2rem;background:rgba(7,9,19,.75);border:1px solid rgba(153,69,255,.3);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-thai);font-size:1rem;transition:all .25s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--solana-green);box-shadow:0 0 15px rgba(20,241,149,.25)}.form-textarea{min-height:140px;resize:vertical}.form-error{color:#f87171;font-size:.85rem;margin-top:.4rem}.form-success-box{background:rgba(20,241,149,.1);border:1px solid var(--solana-green);border-radius:var(--radius-md);padding:1.5rem;text-align:center;color:var(--solana-green);font-weight:600}.cookie-banner{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;max-width:600px;z-index:999;background:rgba(13,18,36,.95);border:1px solid var(--solana-purple);box-shadow:0 10px 40px rgba(0,0,0,.8),0 0 30px rgba(153,69,255,.25);border-radius:var(--radius-lg);padding:1.5rem;backdrop-filter:blur(20px)}.cookie-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.legal-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}.legal-table th,.legal-table td{padding:1rem;border:1px solid rgba(255,255,255,8%);text-align:left}.legal-table th{background:rgba(153,69,255,.15);color:var(--solana-green);font-weight:600}.callout{padding:1.5rem;background:rgba(153,69,255,8%);border:1px solid rgba(153,69,255,.3);border-radius:var(--radius-md);margin:2rem 0}.site-footer{margin-top:auto;background:#04060c;border-top:1px solid rgba(153,69,255,.15);padding:4.5rem 0 2rem;position:relative}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3.5rem}.footer-brand p{font-size:.95rem;margin-top:1rem;color:var(--text-secondary)}.footer-col h4{font-size:1.1rem;margin-bottom:1.25rem;color:var(--text-primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-links a{color:var(--text-secondary);font-size:.95rem}.footer-links a:hover{color:var(--solana-green);padding-left:4px}.footer-disclaimer{padding:1.5rem;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,5%);border-radius:var(--radius-md);margin-bottom:2.5rem;font-size:.88rem;color:var(--text-muted);line-height:1.6}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(255,255,255,6%);font-size:.88rem;color:var(--text-muted);flex-wrap:wrap;gap:1rem}.footer-legal-links{display:flex;gap:1.5rem}@media(max-width:1024px){.hero-wrapper{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.hero-stats{max-width:500px;margin:0 auto}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-toggle{display:block}.nav-menu{display:none;position:absolute;top:80px;left:0;right:0;background:rgba(7,9,19,.98);flex-direction:column;padding:2rem 1.5rem;border-bottom:1px solid var(--border-color);gap:1.25rem}.nav-menu.open{display:flex}.header-actions .btn{display:none}.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center}.cookie-banner{left:1rem;right:1rem;bottom:1rem}}