@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_Th.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_He.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_XBd.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-400:#fac800;--color-purple-200:#e9d5ff;--color-purple-400:#c07eff;--color-purple-600:#9810fa;--color-pink-500:#f6339a;--color-gray-100:#f3f4f6;--color-gray-400:#99a1af;--color-gray-600:#4a5565;--color-black:#000;--spacing:.25rem;--container-2xl:42rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-light:300;--font-weight-medium:500;--font-weight-black:900;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"LINE Seed Sans TH",sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-purple-200:lab(87.8405% 13.4282 -18.7159);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-600:lab(35.6337% -1.58697 -10.8425)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.z-3{z-index:3}.z-10{z-index:10}.z-\[3\]{z-index:3}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-7{margin-left:calc(var(--spacing)*7)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-1{height:calc(var(--spacing)*1)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.w-8{width:calc(var(--spacing)*8)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[450px\]{max-width:450px}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.snap-center{scroll-snap-align:center}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-purple-200{border-color:var(--color-purple-200)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--bg-dark\)\]{--tw-gradient-from:var(--bg-dark);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-pink-500{--tw-gradient-via:var(--color-pink-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.px-4{padding-inline:calc(var(--spacing)*4)}.py-10{padding-block:calc(var(--spacing)*10)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[1\.3em\]{font-size:1.3em}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-transparent{color:#0000}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:bg-transparent:is(:where(.group):hover *){background-color:#0000}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:text-purple-400:hover{color:var(--color-purple-400)}}.active\:cursor-grabbing:active{cursor:grabbing}@media (min-width:48rem){.md\:pointer-events-auto{pointer-events:auto}.md\:h-80{height:calc(var(--spacing)*80)}.md\:w-40{width:calc(var(--spacing)*40)}.md\:w-60{width:calc(var(--spacing)*60)}.md\:gap-6{gap:calc(var(--spacing)*6)}}@media (min-width:64rem){.lg\:ml-24{margin-left:calc(var(--spacing)*24)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:gap-8{gap:calc(var(--spacing)*8)}}}:root{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95;--accent-400:#e879f9;--accent-500:#d946ef;--accent-600:#c026d3;--secondary-400:#818cf8;--secondary-500:#6366f1;--secondary-600:#4f46e5;--bg-dark:#fff;--bg-dark-secondary:#fdfbff;--bg-dark-tertiary:#f5f3ff;--bg-card:#ffffffe6;--bg-light:#fdfbff;--bg-light-secondary:#f3e8ff;--text-primary:#1e1b4b;--text-secondary:#1e1b4bbf;--text-muted:#1e1b4b80;--text-dark:#1e1b4b;--gradient-primary:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#d946ef 100%);--gradient-secondary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#d946ef 100%);--gradient-hero:linear-gradient(180deg,#7c3aed14 0%,transparent 50%);--gradient-dark:linear-gradient(180deg,#fff 0%,#fdfbff 100%);--gradient-glass:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);--glow-primary:0 0 40px #7c3aed59;--glow-accent:0 0 30px #d946ef4d;--glow-secondary:0 0 30px #6366f14d;--ease-smooth:cubic-bezier(.22,1,.36,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:LINE Seed Sans TH,sans-serif;line-height:1.6;display:flex;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.hero-title,.hero-number,.nav-logo{font-family:LINE Seed Sans TH,sans-serif;font-weight:700}.noise-overlay{pointer-events:none;opacity:.03;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}a,button,.interactive{transition:all .3s var(--ease-smooth)}a:focus-visible,button:focus-visible,.interactive:focus-visible{outline:2px solid var(--primary-400);outline-offset:4px}.section{padding:6rem 2rem;position:relative}.section-dark{background:var(--bg-dark-secondary)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-label{color:var(--primary-400);text-transform:uppercase;letter-spacing:.1em;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.section-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.section-description{color:var(--text-secondary);max-width:600px;margin-inline:auto;font-size:1.1rem}.floating-shapes-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-shape{filter:blur(1px);opacity:.6;border-radius:50%;position:absolute}.gradient-line{opacity:.3;width:100%;height:1px;position:absolute}.gradient-line.line-1{background:linear-gradient(90deg,transparent,var(--primary-400),transparent);top:30%}.gradient-line.line-2{background:linear-gradient(90deg,transparent,var(--accent-400),transparent);top:70%}.accent-line{background:var(--gradient-primary);opacity:.3;position:absolute}.accent-line-1{width:200px;height:3px;top:20%;left:5%;transform:rotate(-15deg)}.accent-line-2{width:150px;height:2px;bottom:30%;right:10%;transform:rotate(25deg)}.accent-line-3{width:100px;height:2px;top:60%;left:10%;transform:rotate(45deg)}@media (max-width:768px){.floating-shapes-container{opacity:.5}.floating-shape{filter:blur(30px)}}.navbar{z-index:1000;background:#fff;padding:.875rem 1.5rem;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #0000000f}.navbar--scrolled{padding:.75rem 1.5rem;box-shadow:0 2px 20px #0000001a}.navbar__container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar__logo{align-items:center;gap:.75rem;text-decoration:none;transition:transform .2s;display:flex}.navbar__logo:hover{transform:scale(1.02)}.navbar__logo-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 4px 12px #8b5cf640}.navbar__logo-img{object-fit:cover;width:100%;height:100%}.navbar__logo-text{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.navbar__menu{align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar__item{margin:0}.navbar__link{color:var(--text-secondary);border-radius:8px;padding:.6rem 1.1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block;position:relative}.navbar__link:hover{color:var(--primary-600);background:#8b5cf614}.navbar__link--active{color:var(--primary-600);background:#8b5cf61a}.navbar__toggle{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;transition:background .2s;display:none}.navbar__toggle:hover{background:#8b5cf614}.navbar__toggle-line{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.navbar__toggle--active .navbar__toggle-line:first-child{transform:translateY(7px)rotate(45deg)}.navbar__toggle--active .navbar__toggle-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__toggle--active .navbar__toggle-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;position:fixed;inset:0}.mobile-nav__content{background:#fff;flex-direction:column;width:85%;max-width:360px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #00000026}.mobile-nav__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mobile-nav__logo{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav__logo img{border-radius:10px;width:36px;height:36px}.mobile-nav__close{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:#0000000a;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-nav__close:hover{color:var(--text-primary);background:#00000014}.mobile-nav__menu{flex:1;margin:0;padding:1.5rem 1rem;list-style:none;overflow-y:auto}.mobile-nav__item{margin-bottom:.25rem}.mobile-nav__link{color:var(--text-primary);border-radius:12px;padding:1rem 1.25rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-nav__link:hover,.mobile-nav__link--active{color:var(--primary-600);background:linear-gradient(135deg,#8b5cf61a,#a855f714)}.mobile-nav__link--active{font-weight:600}.mobile-nav__footer{text-align:center;border-top:1px solid #0000000f;padding:1.5rem}.mobile-nav__footer p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.6}.mobile-nav__footer p:first-child{color:var(--primary-600);font-weight:600}@media (max-width:768px){.navbar__menu{display:none}.navbar__toggle{display:flex}.navbar__logo-text{font-size:1.1rem}}@media (max-width:480px){.navbar{padding:.75rem 1rem}.navbar--scrolled{padding:.6rem 1rem}.navbar__logo-icon{width:36px;height:36px}.mobile-nav__content{width:100%;max-width:100%}}.scroll-progress{background:linear-gradient(90deg,var(--primary-500),var(--primary-400));z-index:1001;height:3px;transition:width 50ms linear;position:fixed;top:0;left:0}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-background{z-index:0;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);filter:brightness(1.05);background:url(/images/bannerschool.jpg) 50%/cover no-repeat;padding-bottom:5px;position:absolute;inset:0}.hero-background:before{content:"";z-index:1;background:linear-gradient(135deg,#fffc 0%,#f8fafcbf 30%,#8b5cf626 70%,#d946ef1a 100%);position:absolute;inset:0}.hero-background:after{content:"";z-index:2;background:radial-gradient(80% 50% at 20% 40%,#8b5cf626 0%,#0000 50%),radial-gradient(60% 40% at 80% 60%,#d946ef1a 0%,#0000 50%),radial-gradient(40% 60% at 50% 80%,#6366f114 0%,#0000 50%);animation:20s ease-in-out infinite mesh-move;position:absolute;inset:0}@keyframes mesh-move{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.1)rotate(2deg)}}.hero-section:after{content:"";background:var(--bg-dark);clip-path:polygon(0 100%,100% 0,100% 100%);z-index:5;width:100%;height:150px;position:absolute;bottom:-1px;left:0}.hero-decorations{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-decorations:before{content:"";background:linear-gradient(90deg,var(--primary-600),var(--primary-500));clip-path:polygon(0 95%,100% 80%,100% 88%,0 100%);opacity:.9;z-index:2;position:absolute;inset:0;box-shadow:0 0 40px #8b5cf680}.hero-decorations:after{content:"";background:linear-gradient(90deg,var(--accent-500),var(--secondary-500));clip-path:polygon(0 97%,100% 82%,100% 84%,0 99%);opacity:.8;z-index:1;position:absolute;inset:0}.hero-deco{filter:blur(40px);opacity:.4;border-radius:50%;position:absolute}.hero-deco-1{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));opacity:.25;width:350px;height:350px;animation:8s ease-in-out infinite float-orb-1;top:-80px;right:-80px}.hero-deco-2{background:linear-gradient(135deg,var(--accent-500),var(--secondary-500));opacity:.2;width:250px;height:250px;animation:10s ease-in-out infinite float-orb-2;bottom:25%;left:5%}.hero-deco-3{background:linear-gradient(135deg,var(--secondary-500),var(--primary-400));opacity:.15;width:180px;height:180px;animation:6s ease-in-out infinite float-orb-3;top:40%;right:20%}@keyframes float-orb-1{0%,to{transform:translateY(0)scale(1)rotate(0)}50%{transform:translateY(-20px)scale(1.05)rotate(5deg)}}@keyframes float-orb-2{0%,to{transform:translateY(0)translate(0)scale(1)}33%{transform:translateY(-15px)translate(10px)scale(1.05)}66%{transform:translateY(10px)translate(-5px)scale(.95)}}@keyframes float-orb-3{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-25px)scale(1.1)}}.hero-gradient-orb{display:none}.hero-section:before{content:"";z-index:2;pointer-events:none;opacity:.7;background-image:radial-gradient(circle at 10% 20%,#8b5cf6cc 1px,#0000 1px),radial-gradient(circle at 90% 80%,#d946efcc 1px,#0000 1px),radial-gradient(circle,#6366f199 1px,#0000 1px),radial-gradient(circle at 30% 70%,#8b5cf6b3 1.5px,#0000 1.5px),radial-gradient(circle at 70% 30%,#d946efb3 1.5px,#0000 1.5px),radial-gradient(circle at 85% 15%,#8b5cf680 2px,#0000 2px),radial-gradient(circle at 15% 85%,#d946ef80 2px,#0000 2px),radial-gradient(circle at 40% 10%,#6366f199 1px,#0000 1px),radial-gradient(circle at 60% 90%,#8b5cf699 1px,#0000 1px);background-size:100px 100px,120px 120px,80px 80px,150px 150px,130px 130px,200px 200px,180px 180px,90px 90px,110px 110px;animation:25s linear infinite sparkle-float;position:absolute;inset:0}@keyframes sparkle-float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-50px)rotate(5deg)}}.hero-number-badge{background:linear-gradient(135deg,#8b5cf6f2 0%,#7c3aed 50%,#6d28d9f2 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;animation:3s ease-in-out infinite badge-pulse;display:flex;position:relative;box-shadow:0 0 0 4px #8b5cf633,0 0 0 8px #8b5cf61a,0 15px 40px #8b5cf680,0 5px 20px #8b5cf64d,inset 0 2px 10px #ffffff4d,inset 0 -2px 10px #0000001a}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 4px #8b5cf633,0 0 0 8px #8b5cf61a,0 15px 40px #8b5cf680,0 5px 20px #8b5cf64d,inset 0 2px 10px #ffffff4d,inset 0 -2px 10px #0000001a}50%{box-shadow:0 0 0 6px #8b5cf640,0 0 0 12px #8b5cf626,0 20px 60px #8b5cf699,0 8px 30px #8b5cf666,inset 0 2px 10px #fff6,inset 0 -2px 10px #0000001a}}.hero-number-badge:before{content:"";border:2px dashed #8b5cf680;border-radius:50%;animation:12s linear infinite rotate-slow;position:absolute;inset:-6px}.hero-number-badge:after{content:"";border:1px solid #8b5cf633;border-radius:50%;animation:20s linear infinite reverse rotate-slow;position:absolute;inset:-12px}.hero-number{color:#fff;text-shadow:0 2px 10px #0003;font-size:2.8rem;font-weight:900;line-height:1;position:relative}.hero-number:after{content:"";background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:120%;height:120%;animation:2s ease-in-out infinite number-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes number-glow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.hero-number-label{color:#fffffff2;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}.hero-content{z-index:10;text-align:left;padding:1rem 0;position:relative}.hero-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.95;animation:4s ease-in-out infinite title-shimmer;position:relative}@keyframes title-shimmer{0%,to{filter:brightness()drop-shadow(0 0 #0000)}50%{filter:brightness(1.1)drop-shadow(0 0 30px #8b5cf64d)}}.hero-tagline{color:var(--text-secondary);margin-bottom:.5rem;font-size:clamp(1.25rem,3vw,2rem);font-weight:500}.hero-tagline-accent{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-top:.15em;font-family:LINE Seed Sans TH,sans-serif;font-weight:800;line-height:1.4;display:block;position:relative}.hero-tagline-accent:after{content:"";background:var(--gradient-primary);border-radius:2px;width:60%;height:3px;animation:2s ease-out forwards underline-grow;position:absolute;bottom:-4px;left:0}@keyframes underline-grow{0%{opacity:0;width:0}to{opacity:1;width:60%}}.hero-subtitle{color:var(--text-muted);margin-bottom:3rem;max-width:600px;margin-inline:auto;font-size:clamp(1rem,2vw,1.5rem)}.hero-icon{color:var(--primary-400);vertical-align:middle;margin-right:.4rem;display:inline-block}.hero-eng{letter-spacing:.18em;color:var(--primary-600);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf61f 0%,#d946ef14 100%);border:1px solid #8b5cf640;border-radius:50px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf626,inset 0 1px #ffffff80}.hero-eng:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;animation:3s ease-in-out infinite shimmer-slide;position:absolute;top:0;left:-100%}@keyframes shimmer-slide{0%{left:-100%}50%,to{left:100%}}.hero-image-wrapper{perspective:1200px;justify-content:center;align-items:center;display:flex;position:relative}.hero-image-container{width:100%;max-width:450px;transform-style:preserve-3d;transition:transform .6s var(--ease-smooth);position:relative;transform:rotateY(-8deg)rotateX(5deg)}.hero-image-container:hover{transform:rotateY(-2deg)rotateX(2deg)translateY(-10px)}.hero-image{object-fit:cover;width:100%;height:auto;transition:all .5s var(--ease-smooth);border:3px solid #8b5cf64d;border-radius:24px;box-shadow:0 30px 60px #8b5cf633,0 15px 40px #00000026,inset 0 1px #ffffff4d}.hero-image-container:hover .hero-image{border-color:#8b5cf680;box-shadow:0 40px 80px #8b5cf64d,0 20px 50px #0003}.hero-image-glow{background:linear-gradient(135deg,var(--primary-600),var(--accent-500),var(--secondary-500),var(--primary-600));filter:blur(50px);z-index:-1;opacity:.75;background-size:300% 300%;border-radius:50px;animation:6s infinite hologram-glow;position:absolute;inset:-40px;transform:translateZ(-20px)}@keyframes hologram-glow{0%{opacity:.6;background-position:0%;transform:scale(.95)translateZ(-20px)}50%{opacity:.9;background-position:100%;transform:scale(1.05)translateZ(-20px)}to{opacity:.6;background-position:0%;transform:scale(.95)translateZ(-20px)}}.scroll-text{letter-spacing:.15em;color:var(--primary-500);text-transform:uppercase;opacity:.8;font-size:.75rem;font-weight:600}@keyframes scroll-bounce{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.5)}}@media (min-width:1024px){.hero-slogan-wrapper{text-align:left;border-left:4px solid var(--primary-500);margin-bottom:2rem;padding-left:1.5rem;position:relative}.hero-slogan-wrapper:before{content:"";background:var(--gradient-primary);border-radius:2px;width:4px;height:100%;animation:3s ease-in-out infinite border-glow;position:absolute;top:0;left:-4px}@keyframes border-glow{0%,to{box-shadow:0 0 10px #8b5cf64d}50%{box-shadow:0 0 25px #8b5cf699}}.hero-slogan-sub{letter-spacing:-.01em;color:var(--text-secondary);font-size:1.5rem;font-weight:500}.hero-tagline-accent{margin-bottom:.5rem;font-size:2.5rem;line-height:1.1}}@media (max-width:1024px){.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:6rem 1.5rem 4rem;display:flex}.hero-section:before{opacity:.5}.hero-background:before{background:linear-gradient(135deg,#ffffffeb 0%,#ffffffe0 40%,#f8fafcd9 70%,#ffffffe6 100%)}.hero-gradient-orb{display:none}.hero-grid{text-align:center;grid-template-columns:1fr;justify-items:center}.hero-content{text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:column;order:1;align-items:center;max-width:400px;padding:2rem 1.5rem;display:flex;position:relative}.hero-content:before,.hero-content:after{content:"";border:2px solid var(--primary-400);opacity:.25;width:50px;height:50px;position:absolute}.hero-content:before{border-bottom:none;border-right:none;border-radius:12px 0 0;top:0;left:0}.hero-content:after{border-top:none;border-left:none;border-radius:0 0 12px;bottom:0;right:0}.hero-title{text-shadow:0 4px 30px #8b5cf64d;margin-bottom:1rem;font-size:clamp(3.5rem,18vw,6rem)}.hero-tagline:first-of-type{color:var(--primary-500);-webkit-text-fill-color:var(--primary-500);letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf62e 0%,#d946ef1f 100%);border:1px solid #8b5cf659;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.7rem 1.4rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #8b5cf633,inset 0 1px #ffffff4d}.hero-tagline{margin-bottom:.5rem;font-size:clamp(1rem,4.5vw,1.3rem)}.hero-tagline-accent{margin-bottom:.5rem;font-size:1.5rem;font-weight:800;display:block}.hero-tagline-accent:after{left:50%;transform:translate(-50%)}.hero-subtitle{opacity:.8;max-width:320px;margin-bottom:2.5rem;font-size:clamp(.9rem,3.5vw,1.05rem);line-height:1.7}.hero-number-badge{width:90px;height:90px;margin-bottom:1.25rem}.hero-number{font-size:2.4rem}.hero-number-label{font-size:.65rem}.hero-slogan-wrapper{margin-bottom:.75rem}.hero-slogan-sub{font-size:.95rem}.hero-eng{margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.75rem}.hero-image-wrapper{display:none!important}.hero-decorations{display:none}}.btn-group{flex-wrap:wrap;gap:1rem;display:flex}.btn{transition:all .3s var(--ease-smooth);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-secondary:hover{background:#8b5cf626;border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf626}@media (max-width:640px){.btn-group{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}}.btn-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;transition:all .4s var(--ease-smooth);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #8b5cf666}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:2px solid #fff3}.btn-secondary:hover{border-color:var(--primary-400);background:#8b5cf61a;transform:translateY(-3px)}.btn-cta-primary{background:var(--gradient-primary);color:#fff;transition:all .4s var(--ease-smooth);border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px #8b5cf64d}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8b5cf666}.btn-cta-secondary{color:var(--primary-600);border:2px solid var(--primary-400);transition:all .4s var(--ease-smooth);background:0 0;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-cta-secondary:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500);transform:translateY(-3px)}.view-all-wrapper{justify-content:center;margin-top:3rem;display:flex}.view-all-btn{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#d946ef 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #8b5cf659}.view-all-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #8b5cf673}@media (max-width:1024px){.btn-group{flex-direction:column;gap:.875rem;width:100%;max-width:260px}.btn{border-radius:14px;justify-content:center;width:100%;padding:1.1rem 1.5rem;font-size:1rem}.btn-primary{box-shadow:0 8px 25px #8b5cf659}.btn-secondary{background:#8b5cf614;border-color:#8b5cf640}}.glass-enhanced{-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d}.neon-text{text-shadow:0 0 5px var(--primary-400),0 0 10px var(--primary-400),0 0 20px var(--primary-400),0 0 40px var(--primary-500)}.gradient-border{background:var(--bg-card);border-radius:16px;position:relative}.gradient-border:before{content:"";background:var(--gradient-primary);border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#a855f780 #1e1e344d}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1e1e344d;border-radius:10px;margin:4px 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#a855f799,#ec489999);border:2px solid #1e1e344d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a855f7cc,#ec4899cc)}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}.animate-gradient-x{background-size:200% 200%;animation:3s infinite gradient-x}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.5;transform:scale(1.02)}}@keyframes pulse-soft{0%,to{transform:scale(1);box-shadow:0 20px 40px #8b5cf640}50%{transform:scale(1.05);box-shadow:0 25px 50px #8b5cf666}}@keyframes float-particle{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-15px)scale(1.2)}}@keyframes float-orb{0%,to{opacity:.25;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-12px)scale(1.3)}}@keyframes pulse-icon{0%,to{opacity:0;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.about-section{padding:5rem 2rem;position:relative;overflow:hidden}.about-background{z-index:0;background:url(/images/hero-bg.jpg) 50%/cover no-repeat;position:absolute;inset:0}.about-background:before{content:"";z-index:1;background:linear-gradient(135deg,#ffffffbf 0%,#f8fafcb3 50%,#8b5cf61a 100%);position:absolute;inset:0}.about-two-col{align-items:center;gap:4rem;margin-top:3rem;margin-bottom:3rem;display:flex}.about-main-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:4rem;margin-top:3rem;display:grid}@media (max-width:968px){.about-main-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.about-two-col{text-align:center;flex-direction:column;gap:2rem}}.about-team-image-wrapper{perspective:1000px}.about-team-image-container{border-radius:20px;position:relative;overflow:visible}.about-team-glow{background:linear-gradient(135deg,var(--primary-500)0%,var(--accent-500)50%,var(--secondary-500)100%);filter:blur(40px);opacity:.4;z-index:-1;border-radius:30px;animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:-20px}.about-team-image{object-fit:cover;width:100%;height:auto;max-height:400px;transition:all .5s var(--ease-smooth);border:3px solid #8b5cf640;border-radius:20px;box-shadow:0 25px 50px #8b5cf633,0 10px 30px #0000001a}.about-team-image-container:hover .about-team-image{transform:scale(1.02);box-shadow:0 30px 60px #8b5cf64d,0 15px 40px #00000026}.about-team-badge{background:var(--gradient-primary);border:2px solid #ffffff4d;border-radius:50px;flex-direction:column;align-items:center;gap:2px;padding:.75rem 1.5rem;display:flex;position:absolute;bottom:-15px;right:20px;box-shadow:0 10px 30px #8b5cf666}.about-team-badge-number{color:#fff;font-family:Kanit,sans-serif;font-size:1.1rem;font-weight:800}.about-team-badge-text{color:#ffffffe6;font-size:.7rem;font-weight:500}@media (max-width:768px){.about-team-badge{padding:.5rem 1rem;bottom:-10px;right:10px}.about-team-badge-number{font-size:.95rem}}.about-content-side{flex-direction:column;gap:2rem;display:flex}.about-intro-card{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #8b5cf626;border-radius:24px;padding:2.5rem;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 20px 50px #8b5cf61a,0 8px 25px #0000000d,inset 0 1px #fffc}.about-intro-card:before{content:"";background:var(--gradient-primary);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.about-intro-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px #8b5cf626,0 12px 35px #00000014,inset 0 1px #ffffffe6}@media (max-width:768px){.about-intro-card{padding:1.75rem}}.about-intro{flex-direction:column;flex:1;align-items:flex-start;gap:2rem;display:flex}@media (max-width:768px){.about-intro{text-align:center;align-items:center}}.about-logo-box{flex-shrink:0}.about-logo-img{object-fit:cover;border:4px solid #8b5cf64d;border-radius:50%;width:120px;height:120px;transition:transform .3s;box-shadow:0 12px 35px #8b5cf633}.about-logo-img:hover{transform:scale(1.05)}.about-intro-text{flex:1}.about-intro-text p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1.25rem;line-height:1.9}.about-intro-text p:last-child{margin-bottom:0}.about-intro-text strong{color:var(--primary-500);font-weight:700}.about-stats-box{gap:2rem;display:flex}@media (max-width:768px){.about-stats-box{justify-content:center}}.about-stat{text-align:center}.about-stat-num{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;display:block}.about-stat-txt{color:var(--text-muted);font-size:.85rem;font-weight:500;display:block}.about-values{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:900px){.about-values{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.about-values{grid-template-columns:1fr}}.about-value-card{text-align:center;background:#fff;border:1px solid #8b5cf614;border-radius:16px;padding:1.5rem 1rem;transition:all .3s;box-shadow:0 4px 15px #0000000a}.about-value-card:hover{border-color:#8b5cf626;box-shadow:0 8px 30px #8b5cf61f}.about-value-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1rem;display:flex}.about-value-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:700}.about-value-text{color:var(--text-muted);font-size:.9rem;line-height:1.5}.about-story{align-items:flex-start;gap:2rem;display:flex}@media (max-width:600px){.about-story{text-align:center;flex-direction:column;align-items:center}}.about-story-content{flex:1}.about-story-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;line-height:1.3}.about-story-text{color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.8}.about-story-text strong{color:var(--primary-500)}.about-cta{background:var(--gradient-primary);color:#fff;border-radius:50px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.about-cta:hover{box-shadow:0 8px 25px #8b5cf659}.about-logo-wrapper{flex-shrink:0}.about-logo-container{width:120px;height:120px;position:relative}.about-logo{object-fit:cover;border:4px solid #8b5cf633;border-radius:50%;width:100%;height:100%;box-shadow:0 10px 30px #8b5cf633}.about-logo-glow{z-index:-1;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;position:absolute;inset:-10px}.about-features{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:600px){.about-features{grid-template-columns:1fr}}.about-feature-card{background:#fff;border:1px solid #8b5cf61a;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000d}.about-feature-card:hover{box-shadow:0 8px 30px #8b5cf61f}.about-feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.about-feature-content{flex:1}.about-feature-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.about-feature-text{color:var(--text-muted);font-size:.9rem;line-height:1.5}.about-stats{background:#fff;border:1px solid #8b5cf61a;border-radius:20px;justify-content:center;gap:3rem;margin-top:4rem;padding:2rem;display:flex;box-shadow:0 4px 20px #0000000d}@media (max-width:600px){.about-stats{text-align:center;flex-direction:column;gap:1.5rem}}.about-stat-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.about-stat-icon{width:40px;height:40px;color:var(--primary-500);background:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;display:flex}.about-stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.about-stat-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}}.about-content{position:relative}.about-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.15rem;line-height:1.8}.about-highlight{color:var(--primary-400);font-weight:600}.about-visual{position:relative}.about-card-stack{height:400px;position:relative}.about-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s var(--ease-smooth);border:1px solid #8b5cf626;border-radius:20px;padding:2rem;position:absolute;box-shadow:0 4px 20px #00000014}.about-card:first-child{z-index:3;width:280px;height:180px;top:0;left:0}.about-card:nth-child(2){z-index:2;opacity:.7;width:260px;height:160px;top:50px;left:100px}.about-card:nth-child(3){z-index:1;opacity:.5;width:240px;height:140px;top:100px;left:180px}.about-card:hover{box-shadow:var(--glow-primary);transform:translateY(-10px)scale(1.02)}.about-card-icon{color:var(--primary-400);margin-bottom:1rem;font-size:2.5rem}.about-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.about-card-text{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.about-card-stack{height:300px}.about-card:first-child{width:220px;height:150px}.about-card:nth-child(2){width:200px;height:130px;left:60px}.about-card:nth-child(3){width:180px;height:110px;left:100px}}.section-team{background:#f8fafc;padding:6rem 2rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:3rem;margin-top:3rem;display:grid}.team-card{text-align:center;background:#fff;border:1px solid #00000008;border-radius:24px;padding:2.5rem 1.5rem;transition:all .3s;position:relative}.team-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -5px #0000000d}.team-image-wrapper{width:160px;height:160px;margin:0 auto 1.5rem;position:relative}.team-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100%;height:100%;transition:all .5s;overflow:hidden;box-shadow:0 8px 20px #00000014}.team-card:hover .team-image{border-color:#8b5cf61a;transform:scale(1.05);box-shadow:0 15px 30px #8b5cf633}.team-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.team-role{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1rem;font-weight:600}.team-quote{color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.6}.stats-section{background:var(--bg-dark-tertiary);padding:4rem 2rem;position:relative}.stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid}.stat-card{text-align:center;background:var(--bg-card);transition:all .4s var(--ease-smooth);border:1px solid #8b5cf61a;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 10px 40px #0000000d}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;display:inline-flex}.stat-value{margin-bottom:.5rem;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.95rem;font-weight:500}.stat-item{text-align:center}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem 1rem}.stat-value{font-size:2rem}}.footer{background:var(--text-primary);text-align:center;color:#fff;border-top:none;margin-top:auto;padding:6rem 2rem 3rem;position:relative;overflow:hidden}.footer-slogan{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,6vw,4rem);font-weight:900}.footer-tagline{color:#94a3b8;margin-bottom:3rem;font-size:1.25rem;font-weight:500}.footer-divider{background:var(--primary-500);border-radius:10px;width:60px;height:4px;margin:0 auto 3rem}.footer-social-link{color:var(--primary-400);transition:all .3s var(--ease-smooth);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.footer-social-link:hover{border-color:var(--primary-400);box-shadow:var(--glow-primary);background:#8b5cf633}.footer-disclaimer{color:#64748b;max-width:600px;margin:0 auto 1.5rem;font-size:.9rem;line-height:1.8}.footer-copyright{color:#475569;letter-spacing:.02em;margin-top:3rem;font-size:.85rem;font-weight:500}.testimonials-section{background:var(--bg-dark);padding:6rem 2rem}.testimonial-carousel{max-width:800px;margin:0 auto;padding:0 3rem;position:relative}.testimonial-content{text-align:center;background:var(--bg-card);border:1px solid #8b5cf626;border-radius:24px;padding:3rem 2rem;box-shadow:0 20px 60px #8b5cf614}.testimonial-quote-icon{color:var(--primary-400);opacity:.3;margin-bottom:1.5rem}.testimonial-quote{color:var(--text-primary);margin-bottom:2rem;font-size:1.4rem;font-style:italic;font-weight:500;line-height:1.8}.testimonial-author{flex-direction:column;gap:.25rem;display:flex}.testimonial-name{color:var(--text-primary);font-weight:600}.testimonial-role{color:var(--text-muted);font-size:.9rem}.carousel-btn{border:2px solid var(--primary-400);background:var(--bg-card);width:48px;height:48px;color:var(--primary-500);cursor:pointer;transition:all .3s var(--ease-smooth);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.carousel-prev{left:0}.carousel-next{right:0}.testimonial-dots{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.testimonial-dot{cursor:pointer;width:10px;height:10px;transition:all .3s var(--ease-smooth);background:#8b5cf633;border:none;border-radius:50%}.testimonial-dot.active{background:var(--primary-500);transform:scale(1.2)}@media (max-width:768px){.testimonial-carousel{padding:0}.testimonial-content{padding:2rem 1.5rem}.testimonial-quote{font-size:1.1rem}.carousel-btn{width:40px;height:40px}.carousel-prev{left:-10px}.carousel-next{right:-10px}}.cta-section{padding:6rem 2rem;position:relative;overflow:hidden}.cta-background{z-index:0;position:absolute;inset:0}.cta-gradient-1{background:radial-gradient(circle,var(--primary-500)0%,transparent 70%);opacity:.15;filter:blur(60px);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.cta-gradient-2{background:radial-gradient(circle,var(--accent-500)0%,transparent 70%);opacity:.1;filter:blur(40px);width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.cta-content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.cta-badge{color:var(--primary-500);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.cta-title{color:var(--text-primary);margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.3}.cta-highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.15rem;line-height:1.8}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.cta-vote-info{display:inline-block}.cta-number{background:var(--bg-card);border:2px solid #8b5cf633;border-radius:20px;flex-direction:column;align-items:center;padding:1.5rem 3rem;display:flex;box-shadow:0 10px 40px #8b5cf61a}.cta-number-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:900}.cta-number-label{color:var(--text-muted);font-size:1rem;font-weight:500}.scroll-indicator{z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.scroll-line{background:var(--gradient-primary);border-radius:10px;width:2px;height:40px;animation:2s ease-in-out infinite scroll-bounce}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.btn-view-all{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.6rem;margin-top:2rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #8b5cf64d}.btn-view-all:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-3px);box-shadow:0 8px 25px #8b5cf666}.btn-view-all:active{transform:translateY(-1px)}.btn-view-all span{color:#fff}.btn-view-all svg{width:18px;height:18px;transition:transform .3s}.btn-view-all:hover svg{transform:translate(4px)}.policy-section{background:var(--bg-dark);padding:6rem 2rem;position:relative;overflow:hidden}.policy-section-container{max-width:1200px;margin:0 auto}.policy-section-header{text-align:center;max-width:800px;margin:0 auto 5rem}.policy-section-label{color:var(--primary-500);cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.policy-section-title{color:var(--text-primary);margin-bottom:1rem;font-family:Kanit,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2}.policy-section-description{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.policy-slides{flex-direction:column;gap:8rem;display:flex}.policy-slide{align-items:center;gap:5rem;display:flex}.policy-slide-reversed{flex-direction:row-reverse}.policy-slide-content{flex:1;position:relative}.policy-number-badge{color:#fff;border-radius:50px;justify-content:center;width:auto;min-width:60px;margin-bottom:2rem;padding:.25rem 1rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:800;display:inline-flex;box-shadow:0 10px 25px #0000001a}.policy-slide-tag{border:1px solid;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.policy-slide-title{color:var(--text-primary);margin-bottom:1rem;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2}.policy-slide-subtitle{color:var(--primary-500);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.policy-slide-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.policy-slide-line{border-radius:10px;width:100px;height:4px}.policy-slide-image-wrapper{flex:1;position:relative}.policy-slide-image-container{aspect-ratio:4/3;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.policy-slide-image{transition:transform .7s var(--ease-smooth)}.policy-slide:hover .policy-slide-image{transform:scale(1.05)}.policy-slide-image-glow{filter:blur(40px);opacity:.4;z-index:-1;border-radius:40px;position:absolute;inset:-20px}.policy-slide-image-overlay{z-index:10;position:absolute;inset:0}.policy-slide-floating-icon{z-index:20;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:-30px;right:-30px;box-shadow:0 15px 35px #00000026}.policy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:1rem;display:grid}.policy-card{background:#fff;border:1px solid #8b5cf614;border-radius:24px;flex-direction:column;height:100%;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.policy-card:hover{border-color:#8b5cf64d;transform:translateY(-8px);box-shadow:0 20px 40px -5px #8b5cf626}.policy-icon{width:64px;height:64px;color:var(--primary-500);background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border-radius:20px;justify-content:center;align-items:center;margin-bottom:2rem;transition:all .3s;display:flex}.policy-card:hover .policy-icon{background:var(--gradient-primary);color:#fff;transform:scale(1.1)rotate(-5deg)}.policy-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.policy-description{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.policy-tag{color:var(--primary-500);letter-spacing:.02em;background:#f8fafc;border:1px solid #8b5cf61a;border-radius:50px;align-self:flex-start;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;gap:1.25rem}}.bento-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fffffff2;border:1px solid #8b5cf61a;border-radius:24px;padding:2rem;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000f,0 4px 15px #8b5cf614,inset 0 1px #ffffffe6}.bento-card:hover{border-color:#8b5cf640;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 60px #0000001f,0 10px 30px #8b5cf626,inset 0 1px #fff}.bento-large,.bento-medium{grid-column:span 1}.bento-glow{opacity:.08;filter:blur(60px);pointer-events:none;border-radius:50%;width:100%;height:100%;transition:opacity .5s;position:absolute;top:-50%;right:-50%}.bento-card:hover .bento-glow{opacity:.15}.bento-corner{opacity:.05;clip-path:polygon(100% 0,0 0,100% 100%);width:120px;height:120px;transition:opacity .3s;position:absolute;top:0;right:0}.bento-card:hover .bento-corner{opacity:.1}.bento-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{opacity:.3;border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite float-particle;position:absolute}.particle-1{animation-delay:0s;top:20%;right:15%}.particle-2{animation-delay:1.5s;top:60%;right:25%}.particle-3{animation-delay:3s;top:40%;right:10%}.bento-content{z-index:10;align-items:flex-start;gap:1.25rem;display:flex;position:relative}.bento-icon-wrapper{flex-shrink:0;position:relative}.bento-icon-hex{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 6px 20px #00000026}.bento-card:hover .bento-icon-hex{transform:scale(1.1);box-shadow:0 10px 30px #0003}.bento-icon-ring{opacity:.3;border:2px dashed;border-radius:20px;animation:15s linear infinite spin-slow;position:absolute;inset:-6px}.bento-tag{color:var(--accent-color,var(--primary-500));letter-spacing:.02em;text-transform:uppercase;background:#8b5cf61a;border-radius:20px;width:fit-content;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.bento-title{color:#1e1b4b;margin-bottom:.5rem;font-family:Kanit,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3}.bento-medium .bento-title{font-size:1.2rem}.bento-description{color:#1e1b4bb3;flex-grow:1;font-size:.95rem;line-height:1.6}.bento-medium .bento-description{font-size:.9rem}.bento-arrow{background:var(--card-gradient,linear-gradient(135deg,#667eea 0%,#764ba2 100%));color:#fff;opacity:0;border-radius:12px 0 24px;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s;display:flex;position:absolute;bottom:0;right:0}.bento-card:hover .bento-arrow{opacity:1}.bento-accent-line{background:var(--card-gradient,linear-gradient(135deg,#667eea 0%,#764ba2 100%));width:0;height:3px;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.bento-card:hover .bento-accent-line{width:100%}.premium-grid{perspective:1000px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}@media (min-width:768px){.premium-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.premium-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.premium-grid{grid-template-columns:repeat(4,1fr)}}.premium-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;transform-style:preserve-3d;background:#fffffff2;border:1px solid #8b5cf61a;border-radius:20px;padding:1.75rem;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.premium-card:hover{border-color:var(--accent-color,var(--primary-400));transform:translateY(-10px)scale(1.03);box-shadow:0 25px 50px #8b5cf61f,0 0 40px #8b5cf614}.card-bg-glow{background:var(--card-gradient,linear-gradient(135deg,#667eea 0%,#764ba2 100%));filter:blur(60px);opacity:.1;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:-50%;right:-50%}.premium-card:hover .card-bg-glow{opacity:.2}.card-corner-accent{background:var(--card-gradient,linear-gradient(135deg,#667eea 0%,#764ba2 100%));clip-path:polygon(100% 0,0 0,100% 100%);opacity:.06;width:80px;height:80px;transition:opacity .3s;position:absolute;top:0;right:0}.premium-card:hover .card-corner-accent{opacity:.12}.card-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.premium-card:hover .card-shimmer{left:100%}.card-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.orb{background:var(--accent-color,var(--primary-400));opacity:.25;border-radius:50%;position:absolute}.orb-1{width:6px;height:6px;animation:3s ease-in-out infinite float-orb;top:25%;right:20%}.orb-2{width:4px;height:4px;animation:4s ease-in-out .5s infinite float-orb;top:55%;right:12%}.card-inner{z-index:10;position:relative}.icon-container{width:fit-content;margin-bottom:1.25rem;position:relative}.icon-shape{background:var(--card-gradient,linear-gradient(135deg,#667eea 0%,#764ba2 100%));border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s;display:flex;position:relative;transform:rotate(3deg);box-shadow:0 8px 24px #8b5cf64d}.premium-card:hover .icon-shape{transform:rotate(0)scale(1.05)}.icon-pulse{background:var(--card-gradient,linear-gradient(135deg,#667eea 0%,#764ba2 100%));opacity:0;border-radius:18px;animation:2s ease-in-out infinite pulse-icon;position:absolute;inset:-4px}.icon-ring{border:2px dashed var(--accent-color,var(--primary-400));opacity:.2;border-radius:20px;animation:15s linear infinite spin-ring;position:absolute;inset:-8px}.card-tag{color:var(--accent-color,var(--primary-500));text-transform:uppercase;letter-spacing:.05em;background:#8b5cf61a;border-radius:20px;margin-bottom:.6rem;padding:.3rem .7rem;font-size:.65rem;font-weight:700;display:inline-block}.card-title{color:#1e1b4b;margin-bottom:.4rem;font-family:Kanit,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.3}.card-desc{color:#1e1b4ba6;font-size:.875rem;line-height:1.6}.card-bottom-line{background:var(--card-gradient,linear-gradient(135deg,#667eea 0%,#764ba2 100%));border-radius:0 0 20px 20px;width:0;height:3px;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.premium-card:hover .card-bottom-line{width:100%}.card-number{color:var(--accent-color,var(--primary-400));opacity:.06;pointer-events:none;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:900;line-height:1;transition:opacity .3s;position:absolute;bottom:12px;right:16px}.premium-card:hover .card-number{opacity:.12}@media (max-width:1024px){.policy-slide{gap:3rem}}@media (max-width:768px){.policy-section{padding:4rem 1.5rem}.policy-section-title{font-size:2.5rem}.policy-slides{gap:5rem}.policy-slide,.policy-slide-reversed{text-align:center;flex-direction:column-reverse;gap:2rem}.policy-slide-content{flex-direction:column;align-items:center;display:flex}.policy-slide-line{margin:0 auto}.policy-slide-description{font-size:1rem}.policy-slide-image-wrapper{width:100%}}@media (max-width:600px){.policy-section{padding:4rem 1rem}.policy-slide{border-radius:24px;padding:1.5rem}.policy-slide-title{font-size:1.5rem}.policy-number-badge{width:50px;height:50px}.policy-number-badge span{font-size:1.25rem}.policy-slide-floating-icon{width:48px;height:48px;bottom:-12px;right:15px}.policy-slide-reversed .policy-slide-floating-icon{left:15px}}.leadership-section-v2{background:radial-gradient(circle at 50% 0,#1a1a2e 0%,#0f0f1a 100%);padding:6rem 0 8rem;position:relative;overflow:hidden}.leadership-bg-pattern{opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.leadership-header{text-align:center;z-index:2;max-width:700px;margin:0 auto 4rem;position:relative}.leadership-main-title{color:#fff;margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.leadership-title-underline{background:linear-gradient(90deg,gold,orange);border-radius:2px;width:60px;height:4px;margin:0 auto 1.5rem}.leadership-subtitle{color:#fff9;font-size:1.1rem;font-weight:300}.leadership-main-container{flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 1rem;display:flex}.leadership-cards-grid{z-index:2;grid-template-columns:repeat(1,1fr);gap:2rem;width:100%;max-width:1200px;display:grid;position:relative}@media (min-width:768px){.leadership-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.leadership-cards-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.leader-card-v2{cursor:pointer;background:linear-gradient(145deg,#1e1e32 0%,#16162a 100%);border:1px solid #ffffff14;border-radius:20px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.leader-card-v2:hover{border-color:#ffffff26;box-shadow:0 30px 70px #00000080}.leader-card-image-area{aspect-ratio:1/1.15;position:relative;overflow:hidden}.leader-card-photo{object-fit:cover;object-position:center top;filter:brightness(.95)contrast(1.05);width:100%;height:100%;transition:transform .6s,filter .4s}.leader-card-v2:hover .leader-card-photo{filter:brightness()contrast(1.1);transform:scale(1.08)}.leader-card-image-gradient{pointer-events:none;background:linear-gradient(#0000 0% 40%,#16162ab3 75%,#16162af2 100%);position:absolute;inset:0}.leader-icon-badge{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 8px 20px #0000004d}.leader-card-v2:hover .leader-icon-badge{transform:scale(1.1)rotate(5deg)}.leader-card-content{z-index:2;padding:1.5rem 1.75rem 1.75rem;position:relative}.leader-card-position{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-400);margin-bottom:.5rem;font-size:.875rem;font-weight:700}.leader-card-role{color:#fff;margin-bottom:.5rem;font-size:1.35rem;font-weight:700;line-height:1.3}.leader-card-desc{color:#fff9;margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.leader-card-accent-bar{opacity:.9;background:var(--gradient-primary);border-radius:100px;width:50px;height:3px;transition:width .3s}.leader-card-v2:hover .leader-card-accent-bar{width:80px}.organization-section{background-color:#fff;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:50px 50px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:8rem 1.5rem;position:relative;overflow:hidden}.organization-section .section-container{z-index:1;max-width:1000px;margin:0 auto;position:relative}.org-header-centered{text-align:center;z-index:2;margin-bottom:5rem;position:relative}.org-header-icon-wrapper{color:#475569;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex;transform:rotate(-3deg);box-shadow:0 10px 20px -5px #0000001a}.org-flow-wrapper{padding:2rem 0;position:relative}.org-flow-line-desktop{z-index:0;pointer-events:none;width:2px;height:100%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.org-flow-line-desktop svg{width:100px;height:100%;position:absolute;left:50%;overflow:visible;transform:translate(-50%)}.org-flow-list{flex-direction:column;gap:3rem;display:flex;position:relative}.org-flow-item{justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (min-width:768px){.org-flow-item.left{justify-content:flex-end;padding-right:50%}.org-flow-item.right{justify-content:flex-start;padding-left:50%}.org-flow-item.left .org-flow-card{text-align:right;align-items:flex-end;margin-right:3rem}.org-flow-item.right .org-flow-card{text-align:left;align-items:flex-start;margin-left:3rem}.org-connector-node{z-index:10;align-items:center;width:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.org-dot{z-index:2;border:4px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #e2e8f0}.org-line-to-card{z-index:1;background:#e2e8f0;width:3rem;height:2px;position:absolute;top:50%}.org-flow-item.left .org-line-to-card{right:0;transform:translate(-100%)}.org-flow-item.right .org-line-to-card{left:0}.org-flow-item.left .org-flow-card{flex-direction:row-reverse}.org-flow-item.left .org-content-body{align-items:flex-end}}.org-flow-card{border:1px solid #f1f5f9;border-left:4px solid var(--accent-color);background:#fff;border-radius:20px;align-items:flex-start;gap:1.5rem;width:100%;max-width:420px;padding:2rem;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 40px -10px #00000014}.org-flow-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px -10px #0000001f}.org-icon-floating{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.org-content-body{flex-direction:column;flex-grow:1;display:flex}.org-flow-title{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.org-flow-desc{color:#64748b;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.org-flow-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.org-footer-stat{z-index:2;justify-content:center;margin-top:4rem;display:flex;position:relative}.stat-connector-top{z-index:5;background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:12px;height:12px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.stat-connector-top:after{content:"";background:#e2e8f0;width:2px;height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.stat-container{z-index:10;background:#fff;border-radius:60px;padding:10px;position:relative}.stat-box-glass{-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff;border-radius:24px;padding:1rem 2.5rem 1rem 1.75rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #8b5cf633,inset 0 0 0 1px #fff9}.stat-box-glass:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 20px 50px -10px #8b5cf640,inset 0 0 0 1px #fffc}.stat-glow-effect{opacity:0;pointer-events:none;background:radial-gradient(circle,#fffc 0%,#0000 60%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.stat-box-glass:hover .stat-glow-effect{opacity:.3}.stat-content-inner{z-index:2;align-items:center;gap:1.5rem;display:flex;position:relative}.stat-icon-circle{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:rotate(-3deg);box-shadow:0 8px 16px -4px #6366f166}.stat-box-glass:hover .stat-icon-circle{transform:rotate(0)scale(1.1)}.stat-text-group{flex-direction:column;display:flex}.stat-big-number{-webkit-text-fill-color:transparent;letter-spacing:-1px;background:linear-gradient(90deg,#1e293b,#475569);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.stat-suffix{color:#8b5cf6;vertical-align:top;-webkit-text-fill-color:initial;margin-left:2px;font-size:1.8rem}.stat-desc{color:#64748b;margin-top:.25rem;font-size:.95rem;font-weight:600}.stat-decoration-left,.stat-decoration-right{background:linear-gradient(90deg,#cbd5e1,#0000);width:80px;height:1px}.stat-decoration-left{background:linear-gradient(-90deg,#cbd5e1,#0000)}@media (max-width:767px){.org-flow-line-desktop{left:20px;transform:none}.org-flow-line-desktop svg{display:none}.org-flow-line-desktop:after{content:"";background:#e2e8f0;width:2px;position:absolute;top:0;bottom:0;left:0}.org-flow-list{gap:2.5rem}.org-flow-item{justify-content:flex-start!important;padding-left:60px!important;padding-right:0!important}.org-flow-item.left .org-flow-card,.org-flow-item.right .org-flow-card{border-right:none;border-left:4px solid var(--accent-color);text-align:left!important;flex-direction:row!important;align-items:flex-start!important;margin:0!important}.org-flow-item.left .org-content-body{align-items:flex-start!important}.org-connector-node{height:100%;top:0!important;left:21px!important;transform:none!important}.org-dot{border-width:3px;width:16px;height:16px;position:absolute;transform:translate(-50%);top:30px!important;left:0!important}.org-line-to-card{display:none}.org-flow-card{width:100%;max-width:100%;padding:1.5rem}.stat-decoration-left,.stat-decoration-right{display:none}.stat-box-glass{text-align:center;border-radius:20px;padding:1.5rem}.stat-connector-top{display:none}}.particle-background{z-index:0;pointer-events:none;opacity:.7;width:100%;height:100%;position:fixed;top:0;left:0}.mouse-glow-large{pointer-events:none;z-index:1;filter:blur(30px);mix-blend-mode:screen;background:radial-gradient(circle,#8b5cf626 0%,#d946ef14 30%,#0000 70%);border-radius:50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;position:fixed}.mouse-glow-small{pointer-events:none;z-index:2;filter:blur(15px);background:radial-gradient(circle,#a855f740 0%,#0000 70%);border-radius:50%;width:150px;height:150px;margin-top:-75px;margin-left:-75px;position:fixed}@media (max-width:768px){.mouse-glow-large,.mouse-glow-small{display:none}.particle-background{opacity:.4}}.scroll-progress-bar{background:var(--gradient-primary);transform-origin:0%;z-index:9999;height:4px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 10px #8b5cf680,0 0 20px #8b5cf64d}.reveal-up{opacity:0;transition:all .8s var(--ease-smooth);transform:translateY(60px)}.reveal-up.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:all .8s var(--ease-smooth);transform:translate(-60px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:all .8s var(--ease-smooth);transform:translate(60px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:all .8s var(--ease-smooth);transform:scale(.9)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transition:all .6s var(--ease-smooth);transform:translateY(30px)}.stagger-children.visible>:first-child{transition-delay:.1s}.stagger-children.visible>:nth-child(2){transition-delay:.2s}.stagger-children.visible>:nth-child(3){transition-delay:.3s}.stagger-children.visible>:nth-child(4){transition-delay:.4s}.stagger-children.visible>:nth-child(5){transition-delay:.5s}.stagger-children.visible>:nth-child(6){transition-delay:.6s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}.card-3d{transform-style:preserve-3d;perspective:1000px;transition:transform .4s var(--ease-smooth)}.card-3d:hover{transform:rotateY(-5deg)rotateX(5deg)translateY(-10px)}.glow-hover{transition:all .4s var(--ease-smooth);position:relative}.glow-hover:before{content:"";border-radius:inherit;opacity:0;background:var(--gradient-primary);filter:blur(20px);z-index:-1;transition:opacity .4s;position:absolute;inset:0}.glow-hover:hover:before{opacity:.3}.glow-hover:hover{transform:translateY(-5px)}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.text-gradient-animate{background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--secondary-500),var(--primary-500));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-flow}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pulse{animation:2s ease-in-out infinite pulse-animation}@keyframes pulse-animation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.float{animation:3s ease-in-out infinite float-animation}@keyframes float-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.border-glow{position:relative}.border-glow:before{content:"";background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;filter:blur(8px);transition:opacity .4s;position:absolute;inset:-2px}.border-glow:hover:before{opacity:1;animation:2s infinite border-glow-animation}@keyframes border-glow-animation{0%,to{filter:blur(8px)}50%{filter:blur(12px)}}.campaign-gallery-section{z-index:1;background:linear-gradient(#fff 0%,#f8fafc 100%);padding:6rem 2rem;position:relative;overflow:hidden}.campaign-gallery-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#8b5cf60d 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.gallery-day-tabs{z-index:2;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.gallery-day-tab{color:#64748b;cursor:pointer;transition:all .3s var(--ease-smooth);background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.75rem;padding:1rem 2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.gallery-day-tab:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.gallery-day-tab.active{border-color:var(--primary-500);color:var(--primary-600);background:#fff;box-shadow:0 10px 25px -5px #8b5cf626}.gallery-day-tab svg{color:inherit}.gallery-day-label{font-size:1.1rem;font-weight:700}.gallery-day-date{color:#94a3b8;font-size:.85rem}.gallery-camera-tabs{z-index:2;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex;position:relative}.gallery-camera-tab{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.gallery-camera-tab:hover{color:#475569;background:#e2e8f0}.gallery-camera-tab.active{background:var(--primary-500);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.gallery-main{z-index:2;max-width:1200px;margin:0 auto;position:relative}.gallery-loading,.gallery-empty{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:500px;display:flex}.gallery-loading-spinner{border:3px solid #e2e8f0;border-top-color:var(--primary-500);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gallery-showcase{z-index:5;background:#000;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px -5px #0000001a}:is(.gallery-showcase.fullscreen,.gallery-showcase:fullscreen){z-index:9999;background:#000;border-radius:0;flex-direction:column;justify-content:center;margin:0;display:flex;position:fixed;inset:0}.gallery-image-container{background:#000;flex:1;width:100%;height:600px;position:relative;overflow:hidden}:is(.gallery-showcase.fullscreen .gallery-image-container,.gallery-showcase:fullscreen .gallery-image-container){height:100vh}.gallery-image-wrapper{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-main-image{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.gallery-nav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-btn:hover{color:var(--primary-600);background:#fff;transform:translateY(-50%)scale(1.1)}.gallery-prev{left:1.5rem}.gallery-next{right:1.5rem}.gallery-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.gallery-control-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.gallery-control-btn:hover{background:var(--primary-500)}.gallery-counter{color:#fff;text-align:center;letter-spacing:.5px;min-width:80px;font-size:.95rem;font-weight:600}.gallery-thumbnails{-ms-overflow-style:none;scrollbar-width:none;background:0 0;padding:1rem 0;overflow-x:auto}.gallery-thumbnails::-webkit-scrollbar{display:none}.gallery-thumbnails-track{justify-content:center;gap:.75rem;min-width:min-content;padding:0 .5rem;display:flex}.gallery-thumbnail{cursor:pointer;opacity:.6;background:#f1f5f9;border:2px solid #0000;border-radius:12px;flex-shrink:0;width:80px;height:60px;transition:all .3s;position:relative;overflow:hidden}.gallery-thumbnail:hover{opacity:1;transform:translateY(-3px)}.gallery-thumbnail.active{border-color:var(--primary-500);opacity:1;box-shadow:0 4px 15px #8b5cf64d}.gallery-thumbnail-image{object-fit:cover;width:100%;height:100%}@media (max-width:768px){.campaign-gallery-section{padding:4rem 1rem}.gallery-day-tabs{flex-direction:column;gap:.75rem}.gallery-day-tab{justify-content:center;width:100%;padding:1rem}.gallery-camera-tabs{-webkit-overflow-scrolling:touch;justify-content:flex-start;margin-bottom:1.5rem;padding:0 .5rem;overflow-x:auto}.gallery-image-container{height:350px}.gallery-thumbnails-track{justify-content:flex-start}.gallery-nav-btn{display:none}.gallery-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:none;gap:.75rem;width:auto;padding:.5rem 1rem;bottom:.5rem}.gallery-control-btn{width:32px;height:32px;padding:0}.gallery-control-btn svg{width:16px;height:16px}.gallery-counter{min-width:60px;font-size:.8rem}.gallery-prev{left:.5rem}.gallery-next{right:.5rem}}.gallery-popup-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000bf;position:fixed;inset:0}.gallery-popup-container{z-index:10001;background:#fff;border-radius:24px;flex-direction:column;width:95%;max-width:480px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:0 25px 50px -12px #0006;transform:translate(-50%,-50%)!important}.gallery-popup-close{cursor:pointer;z-index:10;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.gallery-popup-close:hover{color:#0f172a;background:#e2e8f0}.gallery-popup-content-formal{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 2rem 2rem;display:flex}.gallery-popup-header{flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;display:flex}.popup-badge{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;letter-spacing:.05em;border-radius:50px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:0 4px 10px #8b5cf64d}.gallery-popup-header h2{color:#1e293b;margin:0 0 1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.popup-divider{background:#e2e8f0;border-radius:2px;width:60px;height:4px}.gallery-popup-grid{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-bottom:2rem;display:grid}.gallery-popup-img-container{aspect-ratio:4/5;background:#f8fafc;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.popup-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.gallery-popup-img-container:hover .popup-img{transform:scale(1.05)}.gallery-popup-body-formal p{color:#475569;margin-bottom:2rem;padding:0 .5rem;font-size:1rem;line-height:1.6}.gallery-popup-actions{flex-direction:column;gap:.75rem;width:100%;display:flex}.gallery-popup-btn-formal{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.gallery-popup-actions-row{gap:.75rem;width:100%;display:flex}.gallery-popup-btn-formal.primary{color:#fff;background:#1e293b;border:none;flex:1;box-shadow:0 4px 6px -1px #0000001a}.gallery-popup-btn-formal.primary-alt{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;flex:1;box-shadow:0 4px 6px -1px #8b5cf633}.gallery-popup-btn-formal.primary-alt:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px #8b5cf666}.gallery-popup-btn-formal.primary:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.gallery-popup-btn-formal.secondary{color:#64748b;background:0 0;border:1px solid #e2e8f0}.gallery-popup-btn-formal.secondary:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.gallery-popup-btn-formal svg{transition:transform .2s}.gallery-popup-btn-formal.primary:hover svg{transform:translateY(2px)}@media (min-width:480px){.gallery-popup-actions{flex-direction:row}.gallery-popup-btn-formal{flex:1}}@media (max-width:480px){.gallery-popup-container{border-radius:0;justify-content:flex-start;width:100%;max-width:100%;height:100dvh;max-height:-webkit-fill-available;top:0;left:0;overflow-y:auto;transform:none!important}.gallery-popup-content-formal{padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;min-height:100%;display:flex}.gallery-popup-header h2{font-size:1.5rem}.gallery-popup-grid{gap:.75rem}}.announcement-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000a6;position:fixed;inset:0}.announcement-popup{z-index:10001;background:#fff;border-radius:24px;width:95%;max-width:600px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.announcement-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf626,#0000 70%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.announcement-close-absolute{cursor:pointer;z-index:20;color:#64748b;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.announcement-close-absolute:hover{color:#1e293b;background:#0000001a;transform:rotate(90deg)}.announcement-close-absolute svg{width:20px;height:20px}.announcement-grid{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:3rem 2rem;display:flex}.announcement-details{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0;display:flex}.announcement-header-simple{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.announcement-badge{color:#7c3aed;background:#f3e8ff;border-radius:8px;padding:.35rem .85rem;font-size:.8rem;font-weight:700}.announcement-date-simple{color:#64748b;align-items:center;gap:.5rem;font-family:Prompt,sans-serif;font-size:.85rem;display:flex}.announcement-date-simple svg{width:14px;height:14px}.announcement-title{color:#1e293b;-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(90deg,#1e293b,#334155);-webkit-background-clip:text;margin:0 0 1rem;font-family:Kanit,sans-serif;font-size:2rem;font-weight:800;line-height:1.2}.announcement-message{color:#64748b;text-align:center;max-width:100%;margin:0 0 2rem;font-family:Prompt,sans-serif;font-size:1.1rem;line-height:1.6}.announcement-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.announcement-link-btn{color:#fff;background:#1e293b;border-radius:14px;align-items:center;gap:.75rem;padding:.875rem 2rem;font-family:Prompt,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 20px -5px #1e293b40}.announcement-link-btn:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 15px 25px -5px #1e293b4d}.btn-icon-right svg{width:18px;height:18px;transition:transform .2s}.announcement-link-btn:hover .btn-icon-right svg{transform:translate(4px)}.announcement-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#64748b;align-items:center;gap:.75rem;display:flex}.announcement-checkbox{opacity:0;width:0;height:0;position:absolute}.announcement-checkbox-custom{border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.announcement-checkbox:checked+.announcement-checkbox-custom{background:#1e293b;border-color:#1e293b}.announcement-checkbox-checkmark{stroke:#fff;stroke-width:3px;opacity:0;width:14px;height:14px;transition:all .2s;transform:scale(.5)}.announcement-checkbox:checked+.announcement-checkbox-custom .announcement-checkbox-checkmark{opacity:1;transform:scale(1)}.announcement-checkbox-text{font-family:Prompt,sans-serif;font-size:.9rem}@media (max-width:768px){.announcement-popup{max-width:95vw}.announcement-grid{text-align:center;flex-direction:column;gap:1.5rem;padding:2.5rem 1.5rem}.announcement-details{text-align:center;align-items:center;padding:0}.announcement-header-simple{justify-content:center}.announcement-title{text-align:center;font-size:1.5rem}.announcement-message{text-align:center;font-size:.95rem}.announcement-actions{justify-content:center;width:100%}.announcement-close-absolute{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;top:.75rem;right:.75rem}}@media (max-width:480px){.announcement-link-btn{justify-content:center;width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
.announcement-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000a6;position:fixed;inset:0}.announcement-popup{z-index:10001;background:#fff;border-radius:24px;width:95%;max-width:600px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.announcement-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf626,#0000 70%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.announcement-close-absolute{cursor:pointer;z-index:20;color:#64748b;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.announcement-close-absolute:hover{color:#1e293b;background:#0000001a;transform:rotate(90deg)}.announcement-close-absolute svg{width:20px;height:20px}.announcement-grid{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:3rem 2rem;display:flex}@keyframes pulse-soft{0%,to{transform:scale(1);box-shadow:0 20px 40px #8b5cf640}50%{transform:scale(1.05);box-shadow:0 25px 50px #8b5cf666}}.announcement-details{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0;display:flex}.announcement-header-simple{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.announcement-badge{color:#7c3aed;background:#f3e8ff;border-radius:8px;padding:.35rem .85rem;font-size:.8rem;font-weight:700}.announcement-date-simple{color:#64748b;align-items:center;gap:.5rem;font-family:Prompt,sans-serif;font-size:.85rem;display:flex}.announcement-date-simple svg{width:14px;height:14px}.announcement-title{color:#1e293b;background:linear-gradient(90deg,#1e293b,#334155);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin:0 0 1rem;font-family:Kanit,sans-serif;font-size:2rem;font-weight:800;line-height:1.2}.announcement-message{color:#64748b;text-align:center;max-width:100%;margin:0 0 2rem;font-family:Prompt,sans-serif;font-size:1.1rem;line-height:1.6}.announcement-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.announcement-link-btn{color:#fff;background:#1e293b;border-radius:14px;align-items:center;gap:.75rem;padding:.875rem 2rem;font-family:Prompt,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 20px -5px #1e293b40}.announcement-link-btn:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 15px 25px -5px #1e293b4d}.btn-icon-right svg{width:18px;height:18px;transition:transform .2s}.announcement-link-btn:hover .btn-icon-right svg{transform:translate(4px)}.announcement-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#64748b;align-items:center;gap:.75rem;display:flex}.announcement-checkbox{opacity:0;width:0;height:0;position:absolute}.announcement-checkbox-custom{border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.announcement-checkbox:checked+.announcement-checkbox-custom{background:#1e293b;border-color:#1e293b}.announcement-checkbox-checkmark{stroke:#fff;stroke-width:3px;opacity:0;width:14px;height:14px;transition:all .2s;transform:scale(.5)}.announcement-checkbox:checked+.announcement-checkbox-custom .announcement-checkbox-checkmark{opacity:1;transform:scale(1)}.announcement-checkbox-text{font-family:Prompt,sans-serif;font-size:.9rem}@media (max-width:768px){.announcement-popup{max-width:95vw}.announcement-grid{text-align:center;flex-direction:column;gap:1.5rem;padding:2.5rem 1.5rem}.announcement-details{text-align:center;align-items:center;padding:0}.announcement-header-simple{justify-content:center}.announcement-title{text-align:center;font-size:1.5rem}.announcement-message{text-align:center;font-size:.95rem}.announcement-actions{justify-content:center;width:100%}.announcement-close-absolute{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;top:.75rem;right:.75rem}}@media (max-width:480px){.announcement-link-btn{justify-content:center;width:100%}}