@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap");:root{--bg:#0d0f12;--bg-elevated:#161a20;--text:#f0f2f5;--muted:#8b929e;--border:#2a2f38;--lime:#b8ff3c;--lime-dim:#9de635;--lime-glow:rgba(184,255,60,.15);--danger:#ff6b6b;--ok:#4ade80;--warn:#fbbf24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Noto Sans Thai,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--lime);text-decoration:none;transition:color .2s}a:hover{color:var(--lime-dim)}.brand-font{font-family:Bebas Neue,Noto Sans Thai,sans-serif;letter-spacing:.06em}.page{max-width:960px}.page,.page-wide{margin:0 auto;padding:32px 20px 80px}.page-wide{max-width:1100px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:16px}h1{font-size:1.75rem;margin:0 0 8px}h1,h2{font-weight:600}h2{font-size:1.25rem;margin:0 0 12px}h3{font-size:1.05rem;margin:0 0 8px;font-weight:500}.muted{color:var(--muted);font-size:.92rem;line-height:1.6}.field{margin-bottom:16px}.field label{display:block;font-size:.88rem;margin-bottom:6px;color:var(--muted)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:1rem;color:var(--text);font-family:inherit}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-glow)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lime);color:#0d0f12;border:none;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;font-family:inherit}.btn:hover,button:hover{background:var(--lime-dim);transform:translateY(-1px);box-shadow:0 4px 20px var(--lime-glow)}.btn.secondary,button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.secondary:hover,button.secondary:hover{border-color:var(--lime);color:var(--lime);box-shadow:none;transform:none}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error{color:var(--danger)}.error,.ok{font-size:.9rem;margin-top:8px}.ok{color:var(--ok)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge.public{background:var(--lime-glow);color:var(--lime);border:1px solid rgba(184,255,60,.3)}.badge.pro{background:rgba(251,191,36,.15);color:var(--warn);border:1px solid rgba(251,191,36,.3)}.badge.pending{background:hsla(218,9%,58%,.2);color:var(--muted)}.badge.paid{background:rgba(74,222,128,.15);color:var(--ok)}.badge.rejected{background:hsla(0,100%,71%,.15);color:var(--danger)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(13,15,18,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header-inner{max-width:1100px;margin:0 auto;padding:14px 20px;justify-content:space-between}.site-header-inner,.site-nav{display:flex;align-items:center}.site-nav{gap:20px}.site-nav a{color:var(--muted);font-size:.9rem;font-weight:500}.site-nav a:hover{color:var(--lime)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 24px;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 80% 60% at 50% 0,var(--lime-glow) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(184,255,60,.05) 0,transparent 50%),var(--bg);animation:heroPulse 8s ease-in-out infinite alternate}.hero-bg,.hero-grid{position:absolute;inset:0}.hero-grid{background-image:linear-gradient(rgba(42,47,56,.4) 1px,transparent 0),linear-gradient(90deg,rgba(42,47,56,.4) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 20%,transparent 80%);opacity:.5}@keyframes heroPulse{0%{opacity:.8}to{opacity:1}}.hero-content{position:relative;z-index:1;max-width:720px;animation:fadeUp .8s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-brand{font-size:clamp(4rem,12vw,7rem);line-height:.95;color:var(--text);margin:0 0 16px}.hero-brand span{color:var(--lime)}.hero-headline{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:500;margin:0 0 12px;color:var(--text)}.hero-support{font-size:1rem;color:var(--muted);margin:0 0 36px;line-height:1.7}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;animation:fadeUp .8s ease-out .2s both}.prompt-body{border:1px solid var(--border);border-radius:10px;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:.88rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.prompt-body,.tag{background:var(--bg)}.tag{display:inline-block;padding:2px 8px;border:1px solid var(--border);border-radius:6px;font-size:.75rem;color:var(--muted);margin-right:6px;margin-bottom:6px}.price{font-size:1.25rem;font-weight:700;color:var(--lime)}.locked-overlay{position:relative}.locked-overlay .prompt-body{filter:blur(4px);-webkit-user-select:none;-moz-user-select:none;user-select:none}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:.82rem}@media (max-width:640px){.site-nav{gap:12px;font-size:.85rem}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{width:100%}}