:root{--m:#9b1c1c;--m-dk:#771d1d;--m-lt:#fde8e8;--bg:#f0efed;--bg-card:rgba(255,255,255,0.85);--bg-nav:rgba(255,255,255,0.90);--bg-input:#fff;--txt:#1f2937;--txt-2:#4b5563;--txt-3:#9ca3af;--border:rgba(0,0,0,0.06);--shadow:0 2px 16px rgba(0,0,0,.055),0 1px 3px rgba(0,0,0,.03);--shadow-lg:0 12px 36px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.04);--radius:18px;--theme-transition:background .35s,color .35s,border-color .35s,box-shadow .35s;}html.dark{--bg:#000000;--bg-card:rgba(5,5,5,0.92);--bg-nav:rgba(0,0,0,0.94);--bg-input:#050505;--txt:#f8fafc;--txt-2:#dbe4ef;--txt-3:#9aa4b2;--border:rgba(255,255,255,0.12);--shadow:0 2px 18px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.55);--shadow-lg:0 18px 46px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.65);}html,body{font-family:'Prompt','Sarabun',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:var(--bg);color:var(--txt);transition:var(--theme-transition);overflow-x:hidden;width:100%;}.text-maroon-700{color:#9b1c1c;}.bg-maroon-700{background:#9b1c1c;}.border-maroon-700{border-color:#9b1c1c;}.card,.director-card{background:rgba(255,255,255,0.5) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:20px !important;box-shadow:0 12px 30px -8px rgba(0,0,0,0.1),0 4px 10px -10px rgba(0,0,0,0.05) !important;transition:var(--theme-transition);position:relative !important;z-index:20 !important;overflow:hidden !important;}html.dark .card,html.dark .director-card{background:rgba(5,5,5,0.86) !important;border-color:rgba(255,255,255,0.12) !important;box-shadow:0 20px 48px -14px rgba(0,0,0,0.9) !important;}.sidebar-header{background:var(--sidebar-h);color:#fff;padding:10px 16px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;border-radius:var(--radius) var(--radius) 0 0}.sidebar-link{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--txt-2);border-bottom:1px solid var(--border);transition:.2s}.sidebar-link:hover{background:rgba(155,28,28,.05);color:var(--m);padding-left:20px}.nav-glass{background:var(--bg-nav);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border);box-shadow:var(--shadow);transition:var(--theme-transition)}.hero-mesh{background:#1a0a0a;position:relative;z-index:10}.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.slide.active{opacity:1}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;background:rgba(255,255,255,.3);border-radius:50%;bottom:-10px;animation:floatUp linear infinite}@keyframes floatUp{to{transform:translateY(-110vh)}}.typing-cursor{display:inline-block;width:2px;height:1em;background:#fff;margin-left:2px;vertical-align:middle;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}#quickaccess{background:var(--theme-primary,#821111);position:relative;z-index:10;}.quick-tile{color:#fff;padding:12px 20px;display:flex;align-items:center;gap:14px;transition:.3s;border-right:none}.quick-tile:last-child{border-right:0}.quick-tile:hover{z-index:20;}.quick-tile:hover .ic,.quick-tile:hover .lbl{transform:scale(1.1) rotate(-2deg);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);}.quick-tile .ic,.quick-tile .lbl{transition:transform 0.3s ease;}.quick-tile:hover .font-semibold{text-decoration:none;}.quick-tile .ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px}#announcement-ticker{background:transparent;border:none;overflow:hidden;height:42px;display:flex;align-items:center;position:relative;z-index:5;}#announcement-ticker::before{content:"";position:absolute;inset:0;border-top:0.5px solid rgba(255,255,255,0.4);border-bottom:0.5px solid rgba(255,255,255,0.4);pointer-events:none;z-index:10;-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);}#announcement-ticker::after{content:"";position:absolute;top:-100px;left:-50vw;right:-50vw;height:450px;background:linear-gradient(to bottom,var(--theme-primary,#821111) 0%,var(--theme-primary,#821111) 200px,color-mix(in srgb,var(--theme-primary,#821111) 80%,transparent) 275px,color-mix(in srgb,var(--theme-primary,#821111) 20%,transparent) 375px,transparent 100%);pointer-events:none;z-index:-100;filter:blur(30px);opacity:0.5;}.ticker-label{background:transparent;color:#fff;padding:0 30px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;flex-shrink:0;z-index:5;}.ticker-container{flex:1;height:100%;overflow:hidden;position:relative;}.ticker-container:hover .ticker-inner{animation-play-state:paused;}.ticker-edge-blur{position:absolute;top:0;bottom:0;width:30%;z-index:4;pointer-events:none;backdrop-filter:blur(16px);}.ticker-edge-blur.left{left:0;background:linear-gradient(90deg,var(--theme-primary,#821111) 20%,color-mix(in srgb,var(--theme-primary,#821111) 70%,transparent) 50%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent);}.ticker-edge-blur.right{right:0;background:linear-gradient(-90deg,var(--theme-primary,#821111) 20%,color-mix(in srgb,var(--theme-primary,#821111) 70%,transparent) 50%,transparent 100%);-webkit-mask-image:linear-gradient(-90deg,#000 40%,transparent);mask-image:linear-gradient(-90deg,#000 40%,transparent);}.ticker-inner{display:inline-block;white-space:nowrap;animation:ticker 22s linear infinite,tickerFade 2.5s ease-out forwards;line-height:42px;transform:translateX(0);}.ticker-item{margin-right:70px;font-size:14px;color:#ffffff !important;font-weight:500;text-decoration:none !important;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);display:inline-block;}.ticker-item:hover{transform:scale(1.12) rotate(-1deg);color:#fff !important;text-shadow:0 4px 12px rgba(0,0,0,0.3);}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes tickerFade{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}.tab-btn{padding:10px 18px;font-size:13px;color:var(--txt-2);border-bottom:2px solid transparent;cursor:pointer;transition:.2s;font-weight:500}.tab-btn.active{color:var(--m);border-bottom-color:var(--m)}.tab-btn:hover{color:var(--m)}.news-item{display:flex;gap:14px;padding:12px;border-radius:14px;transition:.2s}.news-item:hover{background:rgba(155,28,28,.04)}.news-thumb{width:88px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#eee}.news-thumb img{width:100%;height:100%;object-fit:cover}html.dark .news-item:hover{background:rgba(255,255,255,.06)}html.dark .news-thumb{background:#0b0b0b}.ripple-btn{position:relative;overflow:hidden;cursor:pointer}.ripple-btn::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .4s}.ripple-btn:hover::after{opacity:1}.img-zoom img{transition:transform .5s}.img-zoom:hover img{transform:scale(1.06)}.skel{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%);background-size:200% 100%;animation:skel 1.4s infinite}html.dark .skel{background:linear-gradient(90deg,#050505 25%,#151515 50%,#050505 75%);background-size:200% 100%}@keyframes skel{0%{background-position:200% 0}100%{background-position:-200% 0}}#dot-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:22px;align-items:center;}#dot-nav::before{content:"";position:absolute;top:0;bottom:0;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(155,28,28,0.2),transparent);z-index:-1;}.dot-nav-item{width:10px;height:10px;border-radius:50%;background:var(--bg-card);border:2px solid rgba(155,28,28,0.3);cursor:pointer;position:relative;transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.dot-nav-item:hover{transform:scale(1.4);border-color:var(--theme-primary,#9b1c1c);background:var(--theme-primary,#9b1c1c);}.dot-nav-item.active{background:var(--theme-primary,#9b1c1c);border-color:var(--theme-primary,#9b1c1c);height:32px;border-radius:16px;transform:scale(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--theme-primary,#9b1c1c) 40%,transparent);}.dot-nav-item::after{content:attr(title);position:absolute;right:24px;top:50%;transform:translateY(-50%) translateX(10px);background:color-mix(in srgb,var(--bg-card,#fff) 85%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);color:var(--txt,#1f2937);padding:6px 14px;border-radius:8px;font-size:11.5px;font-weight:600;letter-spacing:0.02em;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid var(--border,rgba(0,0,0,0.05));white-space:nowrap;pointer-events:none;}.dot-nav-item:hover::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}#search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:60;display:none;align-items:flex-start;justify-content:center;padding-top:18vh;backdrop-filter:blur(6px)}#search-overlay.open{display:flex}#search-box{background:var(--bg-card);width:min(640px,92vw);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}#search-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}#search-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--txt)}#search-results{max-height:50vh;overflow:auto}.search-result{display:flex;gap:12px;align-items:center;padding:10px 18px;cursor:pointer;font-size:13px;color:var(--txt-2);transition:.2s}.search-result:hover{background:rgba(155,28,28,.06);color:var(--m)}#toast-container{position:fixed;top:80px;right:20px;z-index:80;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:12px 18px;font-size:13px;color:var(--txt);display:flex;align-items:center;gap:10px;min-width:240px;animation:slideIn .3s}.toast.success{border-left:3px solid #10b981}.toast.info{border-left:3px solid #3b82f6}.toast.error{border-left:3px solid #ef4444}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}#page-loader{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}#page-loader.hidden{display:none}.loader-ring{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--m);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal-l,.reveal-r,.reveal-u{opacity:0;transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal-l{transform:translateX(-24px)}.reveal-r{transform:translateX(24px)}.reveal-u{transform:translateY(24px)}.reveal-l.in,.reveal-r.in,.reveal-u.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.dm-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--txt-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.dm-toggle:hover{color:var(--m);border-color:var(--m)}.count-up{font-variant-numeric:tabular-nums;font-weight:700;color:var(--m)}.cal-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border)}.cal-row:last-child{border-bottom:0}.cal-date{flex-shrink:0;width:48px;text-align:center;background:#fde8e8;color:#9b1c1c;border-radius:12px;padding:4px 0;font-size:11px}.cal-date b{display:block;font-size:18px;line-height:1.1}html.dark .cal-date{background:color-mix(in srgb,var(--theme-primary,#9b1c1c) 22%,#050505);color:#fecaca;border:1px solid rgba(255,255,255,.1);}.ext-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius);color:#fff;font-weight:500;font-size:14px;transition:.25s;box-shadow:var(--shadow)}.ext-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ext-btn .ic{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ext-btn .lbl{flex:1;display:flex;flex-direction:column;line-height:1.2}.ext-btn .lbl small{font-size:10px;opacity:.85;text-transform:uppercase;letter-spacing:.05em}#pdpa-banner{position:fixed;left:24px;bottom:24px;z-index:55;max-width:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);padding:18px 20px;display:flex;gap:14px;align-items:flex-start}#pdpa-banner.hidden{display:none}.footer-link{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:8px;padding:5px 0;transition:color .2s}.footer-link:hover{color:#fff}@media (max-width:1024px){html.dark body,html.dark .site-shell,html.dark #content{background:#000 !important;}html.dark .card,html.dark .director-card,html.dark [style*="background:var(--bg-card"]{background:rgba(5,5,5,.92) !important;}#dot-nav{display:none}#pdpa-banner{left:12px;right:12px;max-width:none;bottom:12px}}html.dark body,html.dark body.site-shell,html.dark #content{background:#000 !important;}html.dark .site-topbar,html.dark .site-nav,html.dark .nav-glass{background:rgba(0,0,0,.96) !important;border-color:rgba(255,255,255,.12) !important;}html.dark .text-slate-800,html.dark .text-slate-700,html.dark .text-gray-800,html.dark .text-gray-700{color:var(--txt) !important;}html.dark .text-slate-500,html.dark .text-gray-500{color:var(--txt-3) !important;}html.dark .ring-slate-200,html.dark .border-gray-100{--tw-ring-color:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.12) !important;}html.dark .bg-slate-50,html.dark .bg-gray-50,html.dark .hover\:bg-gray-50:hover{background-color:#070707 !important;}html.dark .sidebar-link:hover,html.dark .search-result:hover{background:rgba(255,255,255,.06) !important;color:#fff !important;}