:root{
  --blue:#009ad3;
  --blue-dark:#05659e;
  --green:#16804b;
  --lime:#a4cf38;
  --ink:#101820;
  --paper:#f7fbfc;
  --white:#fff;
  --line:rgba(16,24,32,.14);
  --shadow:0 24px 70px rgba(0,86,126,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans Thai',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:40;height:76px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100vw - 1180px)/2));background:rgba(247,251,252,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,24,32,.07)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-family:'Kanit',sans-serif;letter-spacing:.02em}.brand-dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:14px -3px 0 -5px var(--lime)}nav{display:flex;gap:24px;margin-left:auto}nav a,.mini-cta{text-decoration:none;color:var(--ink);font-size:14px}.mini-cta{margin-left:8px;padding:10px 18px;background:var(--ink);color:#fff;border-radius:999px;font-weight:600}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:70px 0 80px}.eyebrow{font-family:'Kanit',sans-serif;font-weight:700;font-size:13px;letter-spacing:.15em;color:var(--blue-dark);text-transform:uppercase;margin:0 0 15px}.eyebrow.green{color:var(--green)}.eyebrow.light{color:#bcefff}.hero h1{font-family:'Kanit',sans-serif;margin:0;line-height:.85;font-size:clamp(70px,8.3vw,122px);letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-lead{font-size:18px;line-height:1.75;max-width:670px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:16px;text-decoration:none;font-family:'Kanit',sans-serif;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.25s ease}.btn.primary,.submit-btn{background:var(--green);color:#fff;box-shadow:0 10px 28px rgba(22,128,75,.22)}.btn.primary:hover,.submit-btn:hover{transform:translateY(-2px);filter:brightness(.97)}.btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}.quick-points{display:flex;gap:16px;margin-top:36px;flex-wrap:wrap}.quick-points>div{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7)}.quick-points b{font-family:'Kanit';color:var(--blue)}.quick-points span{font-size:13px}.hero-art{position:relative}.poster-frame{transform:rotate(1.5deg);border:10px solid #fff;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.poster-frame img{display:block;width:100%;height:auto}.float-chip{position:absolute;z-index:2;padding:10px 16px;border-radius:999px;font-family:'Kanit';font-weight:700;font-size:12px;letter-spacing:.05em;box-shadow:0 10px 30px rgba(0,0,0,.12)}.chip-a{left:-24px;bottom:18%;background:var(--lime);transform:rotate(-6deg)}.chip-b{right:-18px;top:8%;background:#fff;color:var(--blue-dark);transform:rotate(5deg)}.ticker{overflow:hidden;background:var(--blue);color:#fff;border-block:1px solid rgba(0,0,0,.08)}.ticker div{white-space:nowrap;font-family:'Kanit';font-weight:800;font-size:24px;letter-spacing:.08em;padding:14px 0;animation:ticker 23s linear infinite;width:max-content}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section-pad{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.section-heading h2,.submit-intro h2{font-family:'Kanit';font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.035em;margin:0}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;min-height:240px;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-48px;bottom:-48px;background:rgba(0,154,211,.08)}.feature-card .num{font-family:'Kanit';font-size:14px;color:var(--blue);font-weight:700}.feature-card h3{font-family:'Kanit';font-size:25px;margin:32px 0 10px}.feature-card p{line-height:1.7;color:#53606a;margin:0}.visual-band{margin-top:22px;display:grid;grid-template-columns:1fr 1.08fr;min-height:420px;border-radius:34px;overflow:hidden;background:#0b6fab;color:#fff}.visual-copy{padding:52px;display:flex;flex-direction:column;justify-content:center}.visual-copy h3{font-family:'Kanit';font-size:clamp(46px,5vw,72px);line-height:.95;margin:18px 0 16px}.visual-copy p{max-width:520px;color:#d6f4ff;line-height:1.75}.sticker{align-self:flex-start;background:var(--lime);color:var(--ink);font-family:'Kanit';font-weight:700;padding:9px 13px;border-radius:12px;transform:rotate(-3deg)}.product-crop{background-image:linear-gradient(90deg,#0b6fab 0%,rgba(11,111,171,.15) 30%,rgba(11,111,171,0) 50%),url('assets/product-crop.webp');background-size:cover;background-position:center}.submit-wrap{background:#071f2d;color:#fff;position:relative;overflow:hidden}.submit-wrap:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,154,211,.33),transparent 65%);top:-240px;right:-180px}.submit-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;position:relative}.submit-intro{align-self:start;position:sticky;top:110px}.submit-intro>p{color:#c8d7df;line-height:1.75}.status-card{margin-top:28px;display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06)}.status-dot{width:11px;height:11px;border-radius:50%;background:#ffcc66;box-shadow:0 0 0 6px rgba(255,204,102,.09);margin:6px 3px}.status-card.connected .status-dot{background:#79de9c;box-shadow:0 0 0 6px rgba(121,222,156,.09)}.status-card b{display:block}.status-card small{display:block;color:#aabdc8;margin-top:4px;line-height:1.5}.privacy-note{margin-top:16px;color:#8196a2;font-size:12px;line-height:1.7}.entry-form{background:#fff;color:var(--ink);border-radius:30px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.entry-form label{display:block;font-family:'Kanit';font-weight:500;font-size:14px;margin-bottom:18px}.entry-form input,.entry-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #d6e0e5;border-radius:14px;background:#f9fbfc;padding:14px 15px;font:400 14px 'Noto Sans Thai',system-ui,sans-serif;outline:none;transition:.2s}.entry-form input:focus,.entry-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,154,211,.09);background:#fff}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkline{display:flex!important;align-items:flex-start;gap:10px;font-family:'Noto Sans Thai',system-ui,sans-serif!important;font-weight:400!important;line-height:1.55}.checkline input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}.submit-btn{border:none;min-width:170px}.form-message{font-size:13px;margin:0;color:#56636b}.form-message.error{color:#b42318}.form-message.success{color:#138a4f}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 2px}.faq summary{cursor:pointer;font-family:'Kanit';font-size:21px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--blue);font-size:26px}.faq details[open] summary:after{content:'–'}.faq details p{max-width:840px;color:#59666f;line-height:1.75}.faq summary::-webkit-details-marker{display:none}footer{background:#fff;border-top:1px solid var(--line);padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:13px;color:#5b6871}.footer-grid b{font-family:'Kanit';font-size:17px;color:var(--ink)}.reveal{opacity:1;transform:none;transition:.7s cubic-bezier(.2,.7,.2,1)}.has-motion-js .reveal{opacity:0;transform:translateY(18px)}.has-motion-js .reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:45px}.hero-art{max-width:760px;margin:auto}.hero h1{font-size:clamp(66px,14vw,118px)}.about-grid{grid-template-columns:1fr}.visual-band{grid-template-columns:1fr}.product-crop{min-height:360px;background-image:linear-gradient(180deg,#0b6fab 0%,rgba(11,111,171,0) 26%),url('assets/product-crop.webp')}.submit-grid{grid-template-columns:1fr}.submit-intro{position:static}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:12px}}@media(max-width:650px){.shell{width:min(100% - 24px,1180px)}.site-header{height:68px;padding-inline:14px}.brand{font-size:14px}.mini-cta{padding:8px 13px}.hero{min-height:auto;padding:42px 0 56px}.hero h1{font-size:clamp(58px,17vw,88px)}.hero-lead{font-size:16px}.poster-frame{border-width:6px;border-radius:20px}.chip-a{left:-4px}.chip-b{right:-2px}.section-pad{padding:78px 0}.about-grid{gap:12px}.visual-copy{padding:34px 24px}.product-crop{min-height:300px}.submit-grid{gap:36px}.entry-form{padding:22px 16px;border-radius:22px}.form-row.two{grid-template-columns:1fr}.footer-grid{align-items:flex-start;flex-direction:column}.quick-points{gap:8px}.quick-points>div{padding:8px 11px}.ticker div{font-size:18px}.section-heading h2,.submit-intro h2{font-size:44px}}

/* Dynamic team-member form */
.form-section-title{display:flex;align-items:flex-start;gap:13px;margin:4px 0 20px;padding-top:2px}.form-section-title.member-title,.form-section-title.contact-title,.form-section-title.work-title{margin-top:30px}.form-section-title>span{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:11px;background:rgba(0,154,211,.1);color:var(--blue-dark);font:700 13px 'Kanit'}.form-section-title b{display:block;font:600 19px 'Kanit';line-height:1.2}.form-section-title small{display:block;margin-top:4px;color:#71808a;line-height:1.5}.participant-type{border:0;padding:0;margin:4px 0 24px;min-width:0}.participant-type legend{font:500 14px 'Kanit';margin-bottom:9px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{position:relative!important;display:flex!important;align-items:flex-start;gap:11px;margin:0!important;padding:15px;border:1px solid #d6e0e5;border-radius:16px;background:#f9fbfc;cursor:pointer;transition:.2s}.choice-card:hover{border-color:#9fcddd;background:#fff}.choice-card:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,154,211,.09);background:#f5fcff}.choice-card input{width:18px!important;height:18px!important;flex:0 0 auto;margin:2px 0 0!important;accent-color:var(--blue)}.choice-card b{display:block;font:600 16px 'Kanit'}.choice-card small{display:block;color:#71808a;font:400 12px 'Noto Sans Thai',system-ui,sans-serif;line-height:1.5;margin-top:3px}.members-container{display:grid;gap:13px}.member-card{padding:18px;border:1px solid #d9e4e9;border-radius:20px;background:linear-gradient(180deg,#fbfdfe,#f6fafb)}.member-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.member-card-head>div{display:flex;align-items:center;gap:9px}.member-number{font:600 15px 'Kanit';color:#0a2635}.member-card-head small{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e6f7fc;color:#066d99;font:500 10px 'Noto Sans Thai'}.remove-member{border:0;background:transparent;color:#a53b32;font:500 12px 'Noto Sans Thai';cursor:pointer;padding:6px 8px;border-radius:8px}.remove-member:hover{background:#fff0ee}.entry-form select{display:block;width:100%;margin-top:8px;border:1px solid #d6e0e5;border-radius:14px;background:#f9fbfc;padding:14px 40px 14px 15px;font:400 14px 'Noto Sans Thai',system-ui,sans-serif;outline:none;transition:.2s;appearance:auto}.entry-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,154,211,.09);background:#fff}.entry-form select:disabled{opacity:.55;cursor:not-allowed}.add-member{width:100%;margin-top:12px;border:1px dashed #9bc7d8;background:#f6fcff;color:#087aa9;border-radius:15px;padding:12px 14px;font:600 13px 'Kanit';cursor:pointer;transition:.2s}.add-member:hover{background:#eaf9ff;border-color:var(--blue)}.add-member:disabled{opacity:.58;cursor:not-allowed;background:#f2f5f6;border-color:#cbd6da;color:#71808a}.add-member:disabled:hover{background:#f2f5f6;border-color:#cbd6da}
@media(max-width:650px){.choice-grid{grid-template-columns:1fr}.member-card{padding:15px 13px}.form-section-title small{font-size:11px}.member-card-head>div{align-items:flex-start;flex-direction:column;gap:5px}}


/* V3 — platform links + public confirmation + clip upload */
.platform-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px}.platform-links label{margin-bottom:4px}.platform-label{display:block}.platform-label b{display:block;font:600 15px 'Kanit';color:#0a2635}.platform-label small{display:block;font:400 11px 'Noto Sans Thai';color:#71808a;line-height:1.5;margin-top:2px}.public-confirm{border:0;padding:0;margin:22px 0 6px;min-width:0}.public-confirm legend{font:500 14px 'Kanit';margin-bottom:9px}.compact-choice-grid .choice-card{min-height:82px}.form-section-title.upload-title{margin-top:30px}.file-upload{position:relative!important;margin:4px 0 22px!important;cursor:pointer}.file-upload>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none}.file-upload-ui{display:flex;align-items:center;gap:14px;border:1px dashed #8dbfd1;border-radius:18px;background:#f5fbfd;padding:18px;transition:.2s}.file-upload:hover .file-upload-ui,.file-upload:focus-within .file-upload-ui{border-color:var(--blue);background:#edfaff;box-shadow:0 0 0 4px rgba(0,154,211,.07)}.file-upload.has-file .file-upload-ui{border-style:solid;border-color:#5ebd84;background:#f4fcf7}.file-upload.file-error .file-upload-ui{border-color:#d5564d;background:#fff7f6}.file-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border-radius:14px;background:#e3f7fd;color:#067ba8;font:700 25px 'Kanit'}.file-upload-ui b{display:block;font:600 15px 'Kanit'}.file-upload-ui small{display:block;margin-top:3px;color:#71808a;font:400 11px 'Noto Sans Thai';line-height:1.5}@media(max-width:650px){.platform-links{grid-template-columns:1fr}.file-upload-ui{align-items:flex-start}.file-icon{flex-basis:42px;height:42px}}

/* V6 — mobile-first polish, bigger primary CTA, 3 contest categories, project details page */
.hero-submit-cta{min-height:70px;padding:0 34px;border-radius:20px;font-size:20px;gap:22px;box-shadow:0 18px 42px rgba(22,128,75,.30)}
.hero-submit-cta b{font:700 26px/1 'Kanit'}
.detail-link-btn{background:#0a2635;color:#fff;border-color:#0a2635;white-space:nowrap}
.contest-category{border:0;padding:0;margin:6px 0 24px;min-width:0}.contest-category legend{font:500 14px 'Kanit';margin-bottom:10px}
.category-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.category-choice{min-height:112px}.category-choice b{font-size:15px}.category-choice small{margin-top:5px}
.mobile-submit-bar{display:none}

/* Project details */
.details-page{background:#f6fbfd}.details-page .site-header{background:rgba(247,251,252,.94)}
.detail-hero{background:#071f2d;color:#fff;position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;right:-18vw;top:-28vw;width:68vw;height:68vw;border-radius:50%;background:radial-gradient(circle,rgba(0,154,211,.32),transparent 66%)}
.detail-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .7fr;gap:70px;align-items:center;padding:78px 0 86px}.detail-hero-copy{max-width:760px}.back-link{display:inline-flex;color:#a9c8d5;text-decoration:none;font-size:13px;margin-bottom:28px}.detail-hero h1{font:800 clamp(64px,8vw,118px)/.84 'Kanit';letter-spacing:-.055em;margin:0}.detail-hero h1 span{color:#1fb9ec}.detail-lead{max-width:700px;color:#c9dbe3;font-size:17px;line-height:1.8;margin:28px 0}.detail-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-outline{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06)}.detail-poster{background:#fff;padding:8px;border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.35);transform:rotate(1deg)}.detail-poster img{display:block;width:100%;height:auto;border-radius:19px}
.detail-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-32px;position:relative;z-index:2}.detail-quick-card{background:#fff;border:1px solid #dbe6ea;border-radius:22px;padding:22px;box-shadow:0 15px 38px rgba(7,31,45,.08)}.detail-quick-card small{display:block;color:#6b7b84;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.detail-quick-card b{display:block;font:600 20px 'Kanit';margin-top:7px}.detail-quick-card span{display:block;color:#63727b;font-size:12px;line-height:1.5;margin-top:4px}
.detail-section{padding:92px 0}.detail-section-head{margin-bottom:34px}.detail-section-head h2{font:700 clamp(42px,5vw,72px)/.98 'Kanit';letter-spacing:-.035em;margin:0}.detail-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-card{background:#fff;border:1px solid #dbe6ea;border-radius:28px;padding:32px;min-height:260px}.detail-card-accent{background:#eafbff;border-color:#bfe7f4}.detail-kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e8f6fb;color:#067aa8;font:600 11px 'Kanit';letter-spacing:.07em}.detail-card h3{font:600 27px/1.2 'Kanit';margin:36px 0 12px}.detail-card p{color:#55636c;line-height:1.78;margin:0}
.detail-blue-section{background:#087eba;color:#fff}.on-dark h2{color:#fff}.contest-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contest-card{background:#fff;color:#0a2635;border-radius:28px;padding:28px;min-height:420px}.contest-index{font:800 13px 'Kanit';color:#0789c0;margin-bottom:36px}.contest-card h3{font:600 27px 'Kanit';margin:0 0 4px}.contest-card>b{font:500 13px 'Noto Sans Thai',system-ui,sans-serif;color:#0989be}.contest-card p{color:#52636c;line-height:1.72;margin:24px 0 18px}.contest-card ul{padding-left:20px;margin:0;color:#344650;line-height:1.75;font-size:14px}
.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rule-grid article{background:#fff;border:1px solid #dbe6ea;border-radius:22px;padding:24px;display:grid;grid-template-columns:46px 1fr;column-gap:12px}.rule-grid article>span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#eaf8fd;color:#0583b4;font:700 12px 'Kanit'}.rule-grid h3{font:600 18px 'Kanit';margin:0 0 6px}.rule-grid p{color:#5a6972;line-height:1.65;margin:0;font-size:14px}
.caption-required{margin:0 0 34px;padding:22px 24px;border-radius:20px;background:#fff;color:#071f2d;border:3px solid #16c7a0;box-shadow:0 12px 30px rgba(0,0,0,.18)}.caption-required small{display:block;margin-bottom:8px;font:600 13px/1.4 'Kanit';letter-spacing:.06em;color:#08765f;text-transform:uppercase}.caption-required strong{display:block;font:700 clamp(21px,2.4vw,30px)/1.45 'Kanit'}
.caption-section{background:#071f2d;color:#fff}.caption-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.caption-layout h2{font:700 clamp(44px,5vw,70px)/1 'Kanit';margin:0}.caption-copy{color:#bcd2dc;line-height:1.8;max-width:520px}.hashtag-card{display:flex;flex-wrap:wrap;gap:10px}.hashtag-card span{display:inline-flex;padding:13px 15px;border-radius:14px;background:#fff;color:#075170;font:500 15px 'Kanit';word-break:break-word}
.reward-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.reward-categories{display:grid;gap:10px}.reward-categories>div{background:#fff;border:1px solid #dbe6ea;border-radius:20px;padding:22px;font:600 19px 'Kanit'}.reward-categories small{display:block;color:#738089;font:400 12px 'Noto Sans Thai',system-ui,sans-serif;margin-top:3px}.prize-stack{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.prize-card{background:#0a2635;color:#fff;border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:center;min-height:170px}.prize-main{background:#0787bf}.prize-card small{color:#a8c6d2}.prize-card b{font:700 clamp(36px,4vw,58px) 'Kanit';line-height:1;margin:10px 0 4px}.prize-card span{font-size:12px;color:#d7e6ec}
.judging-section{background:#eaf7fb}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.score-grid article{background:#fff;border-radius:26px;padding:28px;border:1px solid #d5e9f0}.score-grid strong{font:800 clamp(54px,6vw,84px)/1 'Kanit';color:#0786bd}.score-grid h3{font:600 22px 'Kanit';margin:18px 0 4px}.score-grid p{color:#60707a;margin:0}.judge-note{font-size:12px;color:#6b7b84;margin-top:16px}
.timeline-list{display:grid;gap:12px}.timeline-list article{display:grid;grid-template-columns:180px 1fr;gap:26px;border-left:5px solid #dce8ec;background:#fff;border-radius:0 22px 22px 0;padding:22px 24px}.timeline-list time{font:700 20px 'Kanit';color:#087eae}.timeline-list b{font-size:12px;color:#71808a}.timeline-list h3{font:600 22px 'Kanit';margin:4px 0}.timeline-list p{color:#63717a;margin:0}.timeline-list .timeline-deadline{border-left-color:#91d400;background:#f7ffea}.source-note{font-size:11px;color:#7d8a91;margin-top:16px}
.detail-final-cta{background:#0a2635;color:#fff;text-align:center;padding:80px 0}.detail-final-cta p{color:#8fd9f2;margin:0 0 8px}.detail-final-cta h2{font:700 clamp(38px,5vw,66px)/1.05 'Kanit';max-width:760px;margin:0 auto 30px}.detail-final-cta .btn{margin:auto}

@media(max-width:980px){
  .category-choice-grid{grid-template-columns:1fr}.category-choice{min-height:auto}
  .detail-hero-grid{grid-template-columns:1fr;gap:38px;padding:55px 0 70px}.detail-poster{max-width:680px;margin:auto}
  .detail-quick{grid-template-columns:1fr 1fr;margin-top:-24px}.contest-card-grid{grid-template-columns:1fr}.contest-card{min-height:0}.reward-layout{grid-template-columns:1fr}.caption-layout{grid-template-columns:1fr}.detail-two-col{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr}.prize-stack{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:650px){
  .site-header{height:62px}.brand{min-width:0}.brand span:last-child{white-space:nowrap}.mini-cta{font-size:12px;padding:8px 11px}
  .hero{padding:30px 0 42px;gap:28px}.hero h1{font-size:clamp(54px,17vw,80px)}.hero-lead{margin:20px 0;font-size:15px;line-height:1.65}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.hero-actions .btn{width:100%}.hero-submit-cta{min-height:66px;padding:0 20px;font-size:19px;border-radius:18px;justify-content:space-between}.quick-points{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}.quick-points>div:last-child{grid-column:1/-1}.hero-art{margin-top:2px}.float-chip{font-size:10px;padding:8px 11px}
  .submit-wrap .section-pad{padding:52px 0 70px}.submit-grid{gap:24px}.submit-intro h2{font-size:40px}.submit-intro>p{font-size:14px}.status-card{margin-top:18px}.privacy-note{font-size:11px}.entry-form{padding:18px 13px;border-radius:20px}.entry-form label{font-size:14px;margin-bottom:14px}.entry-form input,.entry-form textarea,.entry-form select{min-height:52px;font-size:16px;border-radius:13px;padding:13px}.form-section-title{gap:10px;margin-bottom:16px}.form-section-title.member-title,.form-section-title.contact-title,.form-section-title.work-title,.form-section-title.upload-title{margin-top:24px}.form-section-title b{font-size:18px}.choice-card{padding:14px;min-height:72px}.category-choice b{font-size:16px}.platform-links{gap:6px}.file-upload-ui{padding:15px}.checkline{font-size:13px}.form-actions{display:block}.submit-btn{width:100%;min-height:58px;font-size:18px;margin-top:6px}.form-message{display:block;margin-top:10px;line-height:1.5}
  .section-pad{padding:62px 0}.section-heading{margin-bottom:28px}.section-heading .detail-link-btn{margin-top:18px;width:100%}.visual-band{border-radius:24px}.visual-copy{padding:28px 20px}.visual-copy h3{font-size:44px}.feature-card{padding:22px;min-height:0;border-radius:20px}.feature-card h3{margin-top:24px}

  .detail-hero-grid{padding:38px 0 56px;gap:26px}.back-link{margin-bottom:18px}.detail-hero h1{font-size:clamp(58px,18vw,84px)}.detail-lead{font-size:15px;line-height:1.68;margin:22px 0}.detail-hero-actions{display:grid;grid-template-columns:1fr}.detail-hero-actions .btn{width:100%}.detail-poster{border-radius:20px;padding:6px}.detail-poster img{border-radius:14px}.detail-quick{grid-template-columns:1fr;gap:8px;margin-top:-20px}.detail-quick-card{padding:18px;border-radius:18px}.detail-section{padding:62px 0}.detail-section-head{margin-bottom:24px}.detail-section-head h2{font-size:42px}.detail-card{padding:22px;border-radius:22px;min-height:0}.detail-card h3{font-size:24px;margin-top:26px}.contest-card{padding:22px;border-radius:22px}.contest-index{margin-bottom:24px}.contest-card h3{font-size:24px}.rule-grid{grid-template-columns:1fr}.rule-grid article{padding:18px;grid-template-columns:42px 1fr}.caption-layout{gap:26px}.caption-layout h2{font-size:42px}.hashtag-card{display:grid;grid-template-columns:1fr}.hashtag-card span{font-size:14px}.reward-categories>div{padding:18px;font-size:18px}.prize-stack{grid-template-columns:1fr}.prize-card{min-height:130px}.score-grid article{padding:22px}.timeline-list article{grid-template-columns:1fr;gap:8px;padding:18px}.timeline-list time{font-size:18px}.detail-final-cta{padding:62px 0}.detail-final-cta h2{font-size:40px}.details-page footer{padding-bottom:30px}
}

@media (max-width:720px){.caption-required{margin-bottom:24px;padding:20px 18px;border-radius:18px}.caption-required small{font-size:12px}.caption-required strong{font-size:20px;line-height:1.5}}


/* V10 — Thai font lock + refined motion system */
:root{
  --thai-font:'Noto Sans Thai',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif;
  --display-font:'Kanit',var(--thai-font);
  --motion-ease:cubic-bezier(.22,.72,.18,1);
  --motion-soft:cubic-bezier(.2,.75,.25,1);
}
html{font-family:var(--thai-font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,button,input,select,textarea{font-family:var(--thai-font)}
button,input,select,textarea{font-synthesis:none}
h1,h2,h3,.brand,.eyebrow,.btn,.form-section-title,.choice-card b,.member-number,.mobile-submit-bar a{font-family:var(--display-font)}

/* Keep the font visually consistent while the webfont loads */
body{font-weight:400;letter-spacing:0}
.entry-form input,.entry-form textarea,.entry-form select{font-family:var(--thai-font);font-weight:400}
.entry-form input::placeholder,.entry-form textarea::placeholder{font-family:var(--thai-font)}

/* Scroll progress */
.motion-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;pointer-events:none;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#16c7a0,#00a5df,#91d400);will-change:transform}

/* Header depth on scroll */
.site-header{transition:height .32s var(--motion-ease),background-color .32s ease,box-shadow .32s ease,border-color .32s ease}
.site-header.is-scrolled{background:rgba(247,251,252,.96);box-shadow:0 12px 36px rgba(7,31,45,.08);border-bottom-color:rgba(7,31,45,.1)}

/* Hero entrance */
@keyframes heroRise{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}
@keyframes posterBreathe{0%,100%{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(.8deg) translateY(-8px)}}
@keyframes detailPosterBreathe{0%,100%{transform:rotate(1deg) translateY(0)}50%{transform:rotate(.35deg) translateY(-7px)}}
@keyframes chipAFloat{0%,100%{transform:rotate(-6deg) translate3d(0,0,0)}50%{transform:rotate(-3deg) translate3d(5px,-8px,0)}}
@keyframes chipBFloat{0%,100%{transform:rotate(5deg) translate3d(0,0,0)}50%{transform:rotate(2deg) translate3d(-5px,8px,0)}}
@keyframes ctaGlow{0%,100%{box-shadow:0 18px 42px rgba(22,128,75,.30)}50%{box-shadow:0 22px 54px rgba(22,128,75,.42)}}
@keyframes arrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes mobileBarIn{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
@keyframes bgDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,2%,0) scale(1.05)}}

.hero-copy.in .eyebrow{animation:heroRise .65s .05s both var(--motion-ease)}
.hero-copy.in h1{animation:heroRise .78s .12s both var(--motion-ease)}
.hero-copy.in .hero-lead{animation:heroRise .72s .22s both var(--motion-ease)}
.hero-copy.in .hero-actions{animation:heroRise .72s .30s both var(--motion-ease)}
.hero-copy.in .quick-points{animation:heroRise .72s .38s both var(--motion-ease)}
.hero-art.in .poster-frame{animation:heroRise .8s .14s both var(--motion-ease),posterBreathe 7s 1.2s ease-in-out infinite}
.float-chip.chip-a{animation:chipAFloat 5.6s ease-in-out infinite}
.float-chip.chip-b{animation:chipBFloat 6.2s .5s ease-in-out infinite}
.hero-submit-cta{position:relative;overflow:hidden;isolation:isolate;animation:ctaGlow 4.2s ease-in-out infinite}
.hero-submit-cta:after{content:"";position:absolute;inset:-30% auto -30% -42%;width:32%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);transform:skewX(-18deg);transition:left .7s var(--motion-ease);z-index:-1}
.hero-submit-cta:hover:after,.hero-submit-cta:focus-visible:after{left:115%}
.hero-submit-cta b{animation:arrowNudge 1.8s ease-in-out infinite}

/* Generic scroll reveal used across both pages */
.motion-item{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .72s var(--motion-ease),transform .72s var(--motion-ease);transition-delay:var(--motion-delay,0ms);will-change:opacity,transform}
.motion-item.motion-in{opacity:1;transform:translateY(0) scale(1)}
.motion-item.motion-left{transform:translateX(-28px)}
.motion-item.motion-left.motion-in{transform:translateX(0)}
.motion-item.motion-right{transform:translateX(28px)}
.motion-item.motion-right.motion-in{transform:translateX(0)}

/* Cards feel responsive without becoming distracting */
.feature-card,.detail-quick-card,.detail-card,.contest-card,.rule-grid article,.reward-categories>div,.prize-card,.score-grid article,.timeline-list article,.choice-card,.member-card{transition:transform .32s var(--motion-ease),box-shadow .32s ease,border-color .32s ease}
@media (hover:hover) and (pointer:fine){
  .feature-card:hover,.detail-quick-card:hover,.detail-card:hover,.contest-card:hover,.rule-grid article:hover,.reward-categories>div:hover,.score-grid article:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(7,31,45,.10)}
  .prize-card:hover{transform:translateY(-6px) scale(1.015)}
  .timeline-list article:hover{transform:translateX(6px)}
  .choice-card:hover{transform:translateY(-2px);border-color:#9bddec}
}

/* Subtle image and background movement */
.poster-frame,.detail-poster{will-change:transform}
.detail-poster{animation:detailPosterBreathe 7.4s ease-in-out infinite}
.product-crop{transition:background-size 1.2s var(--motion-ease),filter .8s ease;background-size:108% auto}
.visual-band.motion-in .product-crop{background-size:100% auto}
.detail-hero:before,.submit-wrap:before{will-change:transform;animation:bgDrift 10s ease-in-out infinite}

/* Section emphasis */
.section-heading h2,.detail-section-head h2{transition:letter-spacing .5s var(--motion-ease)}
.motion-in.section-heading h2,.motion-in.detail-section-head h2{letter-spacing:-.045em}
.caption-required{position:relative;overflow:hidden}
.caption-required:after{content:"";position:absolute;left:-22%;top:-120%;width:18%;height:340%;background:linear-gradient(90deg,transparent,rgba(22,199,160,.16),transparent);transform:rotate(14deg);animation:captionSweep 7s 1.2s ease-in-out infinite}
@keyframes captionSweep{0%,65%{left:-24%}88%,100%{left:115%}}

/* Better tap feedback on mobile */
.btn,.choice-card,.add-member,.file-upload,.mobile-submit-bar a{-webkit-tap-highlight-color:transparent}
.btn:active,.mobile-submit-bar a:active,.add-member:active{transform:scale(.985)}

@media(max-width:650px){
  .motion-progress{height:2px}
  .site-header.is-scrolled{height:58px}
  .hero-art.in .poster-frame{animation:heroRise .72s .12s both var(--motion-ease),posterBreathe 8s 1.1s ease-in-out infinite}
  .detail-poster{animation:detailPosterBreathe 8s ease-in-out infinite}
  .mobile-submit-bar{animation:mobileBarIn .48s .35s both var(--motion-ease)}
  .motion-item{transform:translateY(18px);transition-duration:.58s}
  .motion-item.motion-left,.motion-item.motion-right{transform:translateY(18px)}
  .motion-item.motion-in,.motion-item.motion-left.motion-in,.motion-item.motion-right.motion-in{transform:translateY(0)}
  .product-crop{background-size:cover}.visual-band.motion-in .product-crop{background-size:cover}
}

/* Accessibility: honor reduced-motion preferences */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal,.motion-item{opacity:1!important;transform:none!important}
  .motion-progress{display:none}
}


/* V11 — highlighted submit nav + homescreen icon support */
nav{align-items:center}
nav .nav-submit{
  display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 17px;
  border-radius:999px;background:var(--green);color:#fff;font-family:var(--display-font);
  font-weight:700;box-shadow:0 9px 24px rgba(22,128,75,.24);
  border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden;
  transition:transform .25s var(--motion-ease),box-shadow .25s ease,filter .25s ease;
}
nav .nav-submit span,nav .nav-submit b{position:relative;z-index:1}
nav .nav-submit b{font-size:17px;line-height:1;transition:transform .25s var(--motion-ease)}
nav .nav-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.22) 48%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--motion-ease)}
nav .nav-submit:hover,nav .nav-submit:focus-visible{transform:translateY(-2px);box-shadow:0 14px 32px rgba(22,128,75,.34);filter:brightness(1.02)}
nav .nav-submit:hover:before,nav .nav-submit:focus-visible:before{transform:translateX(120%)}
nav .nav-submit:hover b,nav .nav-submit:focus-visible b{transform:translateX(3px)}
nav .nav-submit:focus-visible{outline:3px solid rgba(0,154,211,.22);outline-offset:3px}
@media(max-width:980px){nav .nav-submit{display:none}}


/* V16 — live Google Form embed */
.google-form-submit{overflow:hidden}
.google-form-shell{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);gap:38px;align-items:start}
.google-form-intro{position:sticky;top:96px}
.google-form-intro>p:not(.eyebrow){max-width:520px;font-size:17px;line-height:1.75}
.google-form-actions{margin:18px 0 14px}
.google-form-open{display:inline-flex!important;background:#fff!important;color:#0b3347!important;border:1px solid rgba(11,51,71,.14)!important;box-shadow:0 10px 28px rgba(0,0,0,.08)!important}
.google-form-open:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.12)!important}
.google-form-card{background:#fff;border:1px solid rgba(7,31,45,.10);border-radius:28px;box-shadow:0 28px 70px rgba(3,34,49,.13);overflow:hidden;min-width:0}
.google-form-card-head{min-height:68px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(7,31,45,.08);background:rgba(247,251,252,.96)}
.google-form-card-head>div{display:grid;gap:2px;min-width:0}
.google-form-card-head b{font-family:var(--display-font);font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.google-form-card-head small{font-size:12px;color:#5a707b}
.live-dot{width:11px;height:11px;border-radius:999px;background:#22b573;box-shadow:0 0 0 5px rgba(34,181,115,.12);flex:0 0 auto}
.google-form-frame{display:block;width:100%;height:1120px;border:0;background:#f7f8fb}
.google-form-fallback{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid rgba(7,31,45,.08);font-size:12px;color:#60757f;background:#fff}
.google-form-fallback a{font-weight:700;color:#0b7e67;white-space:nowrap}
.status-card.connected{border-color:rgba(34,181,115,.35);background:rgba(34,181,115,.09)}
.status-card.connected .status-dot{background:#22b573;box-shadow:0 0 0 5px rgba(34,181,115,.12)}

@media(max-width:980px){
  .google-form-shell{grid-template-columns:1fr;gap:22px}
  .google-form-intro{position:static}
  .google-form-intro>p:not(.eyebrow){max-width:none}
  .google-form-frame{height:980px}
}
@media(max-width:650px){
  .google-form-shell{padding-top:46px;padding-bottom:50px;gap:18px}
  .google-form-intro h2{font-size:40px;line-height:1.04}
  .google-form-intro>p:not(.eyebrow){font-size:15px;line-height:1.68}
  .google-form-actions{display:grid}
  .google-form-open{width:100%;justify-content:center;min-height:52px}
  .google-form-card{border-radius:20px;margin-inline:-2px}
  .google-form-card-head{min-height:62px;padding:12px 14px}
  .google-form-card-head b{font-size:14px}
  .google-form-card-head small{font-size:11px}
  .google-form-frame{height:calc(100svh - 118px);min-height:720px;max-height:980px}
  .google-form-fallback{display:grid;gap:6px;padding:12px 14px}
  .google-form-fallback a{white-space:normal}
}

/* V21 — Google Drive link field keeps the original upload-card visual language */
.drive-link-upload{position:relative!important;display:block!important;margin:4px 0 22px!important;cursor:text}
.drive-link-upload .file-upload-ui{align-items:flex-start}
.drive-link-content{display:block;min-width:0;flex:1}
.drive-link-content>b{display:block;font:600 15px 'Kanit'}
.drive-link-content>small{display:block;margin-top:3px;color:#71808a;font:400 11px 'Noto Sans Thai';line-height:1.5}
.drive-link-upload input{display:block!important;position:static!important;width:100%!important;height:auto!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;margin:12px 0 0!important;border:1px solid #cddde4!important;border-radius:12px!important;background:#fff!important;padding:12px 13px!important;font:400 14px 'Noto Sans Thai',system-ui,sans-serif!important;color:#10202b!important;outline:none!important}
.drive-link-upload input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(0,154,211,.09)!important}
.drive-link-upload.drive-valid .file-upload-ui{border-style:solid;border-color:#5ebd84;background:#f4fcf7}
.drive-link-upload.drive-error .file-upload-ui{border-color:#d5564d;background:#fff7f6}
@media(max-width:650px){.drive-link-upload input{font-size:16px!important;min-height:50px}}

/* V23 — member-level faculty selector */
.form-row.one{display:grid;grid-template-columns:1fr;gap:15px}
.member-faculty-row{margin-top:2px}
.busem-fields[hidden]{display:none!important}
.member-note{margin:-4px 0 2px;color:#71808a;font:400 11px/1.55 'Noto Sans Thai',system-ui,sans-serif}
.member-card:has(.member-faculty option:checked[value="BUSEM"]) .member-faculty-badge{background:#e6f7fc;color:#066d99}
.member-card:has(.member-faculty option:checked[value="คณะอื่นๆ"]) .member-faculty-badge{background:#f1f3f5;color:#59666f}