@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kanit,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;font-weight:500;text-decoration:none}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dl-nav{z-index:1000;color:#fff;background-color:#033e65;width:100%;font-family:Kanit,sans-serif;transition:box-shadow .25s,background-color .25s;position:sticky;top:0}.dl-nav-scrolled{box-shadow:0 4px 14px #00000026}.dl-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:.65rem 1.5rem;display:flex}.dl-nav-brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.dl-nav-logo{object-fit:contain;width:3.6rem;height:3.6rem}.dl-nav-menu{align-items:center;gap:4px;display:flex}.dl-nav-link{color:#ffffffd9;letter-spacing:.02em;white-space:nowrap;border-radius:8px;padding:.55rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s}.dl-nav-link:hover{color:#fff;background:#ffffff1a}.dl-nav-link-active{color:#fff;background:#ffffff26;box-shadow:inset 0 -2px #ffc014}.dl-nav-cta{color:#033e65;background:#ffc014;border-radius:999px;margin-left:8px;padding:.55rem 1.4rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.dl-nav-cta:hover{color:#033e65;background:#ffcd3d;transform:translateY(-1px);box-shadow:0 4px 12px #ffc01466}.dl-nav-profile{margin-left:8px;position:relative}.dl-nav-profile-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .2s}.dl-nav-profile-btn:hover{transform:scale(1.05)}.dl-nav-avatar{object-fit:cover;background:#fff;border:2px solid #ffc014;border-radius:50%;width:42px;height:42px;display:block}.dl-nav-avatar-fallback{color:#033e65;background:#ffc014;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.dl-nav-dropdown{z-index:1100;color:#2c3e50;background:#fff;border-radius:12px;min-width:220px;padding:8px;animation:.18s dl-fade-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 28px #0000002e}@keyframes dl-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dl-nav-dropdown-header{border-bottom:1px solid #eee;margin-bottom:6px;padding:8px 12px 12px}.dl-nav-dropdown-name{color:#033e65;font-size:1rem;font-weight:600}.dl-nav-dropdown-username{color:#888;margin-top:2px;font-size:.85rem}.dl-nav-dropdown-item{text-align:left;cursor:pointer;color:#2c3e50;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:background .15s,color .15s}.dl-nav-dropdown-item:hover{background:#f5f7fa}.dl-nav-dropdown-item-danger{color:#dc3545}.dl-nav-dropdown-item-danger:hover{color:#c82333;background:#fdecee}.dl-nav-dropdown-divider{background:#eee;height:1px;margin:6px 4px}.dl-nav-burger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:8px;transition:background .2s;display:none}.dl-nav-burger:hover{background:#ffffff1a}.dl-nav-burger span{background:#fff;border-radius:2px;height:2px;transition:all .3s;display:block}@media (max-width:992px){.dl-nav-burger{display:flex}.dl-nav-menu{opacity:0;visibility:hidden;pointer-events:none;background:#033e65;flex-direction:column;align-items:stretch;gap:0;max-height:0;padding:0 1rem;transition:max-height .3s,padding .3s,opacity .2s,visibility 0s linear .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 6px 14px #0003}.dl-nav-menu-open{opacity:1;visibility:visible;pointer-events:auto;gap:4px;max-height:600px;padding:.75rem 1rem 1rem;transition:max-height .3s,padding .3s,opacity .2s,visibility linear}.dl-nav-link{border-radius:8px;padding:.85rem 1rem}.dl-nav-link-active{box-shadow:inset 4px 0 #ffc014}.dl-nav-cta{text-align:center;margin:.5rem 0 0}.dl-nav-profile{align-self:flex-start;margin:.5rem 0 0}.dl-nav-dropdown{box-shadow:none;background:#fffffff2;margin-top:8px;position:static}}.dl-footer{color:#fff;background:#022740;margin-top:4rem;font-family:Kanit,Inter,sans-serif}.dl-footer-inner{max-width:1300px;margin:0 auto;padding:4rem 1.5rem 2rem}.dl-footer-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:3rem;display:grid}.dl-footer h3{color:#ffc014;margin:0 0 1rem;font-size:1.15rem;font-weight:600}.dl-footer p{opacity:.85;margin:0 0 .75rem;font-size:.95rem;line-height:1.7}.dl-footer-links{margin:0;padding:0;list-style:none}.dl-footer-links li{opacity:.85;margin-bottom:.5rem;font-size:.9rem}.dl-footer-bottom{opacity:.7;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding-top:1.5rem;font-size:.85rem;display:flex}.dl-footer-bottom-links{flex-wrap:wrap;gap:1.5rem;display:flex}.dl-footer-bottom-links a,.dl-footer-bottom-links span{color:#fff;cursor:pointer;text-decoration:none;transition:color .2s}.dl-footer-bottom-links a:hover,.dl-footer-bottom-links span:hover{color:#ffc014}@media (max-width:768px){.dl-footer-grid{grid-template-columns:1fr;gap:2rem}.dl-footer-inner{padding:3rem 1rem 1.5rem}}.dl-home{color:#2c3e50;background:#fafbfc;min-height:100vh;font-family:Kanit,Inter,sans-serif}.dl-section{max-width:1300px;margin:0 auto;padding:4rem 1.5rem}.dl-section-header{text-align:center;margin-bottom:2.5rem}.dl-section-title{color:#033e65;margin:0 0 1rem;font-size:2rem;font-weight:600}.dl-section-title-en{color:#888;font-size:1.25rem;font-weight:400}.dl-section-divider{background:#ffc014;border-radius:2px;width:80px;height:4px;margin:0 auto}.dl-hero{width:100%;height:70vh;min-height:480px;max-height:720px;position:relative;overflow:hidden}.dl-hero-slide{transition:opacity .8s;position:absolute;inset:0}.dl-hero-img{object-fit:cover;width:100%;height:100%}.dl-hero-overlay{background:linear-gradient(#033e6533 0%,#033e65bf 100%);position:absolute;inset:0}.dl-hero-content{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;display:flex;position:absolute;inset:0}.dl-hero-title{text-shadow:0 2px 12px #0006;max-width:900px;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,3.2rem);font-weight:700}.dl-hero-sub{opacity:.95;max-width:700px;margin:0;font-size:clamp(1rem,2vw,1.4rem)}.dl-hero-dots{z-index:5;gap:10px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.dl-hero-dot{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .25s}.dl-hero-dot-active{background:#ffc014;border-color:#ffc014;transform:scale(1.2)}.dl-banner-wrap{padding-top:1rem;padding-bottom:1rem}.dl-banner{background:#ffc014;border-radius:20px;align-items:stretch;min-height:300px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.dl-banner-left{z-index:2;flex-direction:column;flex:1.4;justify-content:center;padding:2.5rem 2rem 2.5rem 2.5rem;display:flex;position:relative}.dl-banner-right{background:#033e65;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.dl-banner-right:before{content:"";background:#033e65;width:80px;height:100%;position:absolute;top:0;left:-40px;transform:skew(-12deg)}.dl-banner-pencils{pointer-events:none;z-index:1;width:200px;height:500px;position:absolute;bottom:-180px;left:30px;overflow:visible}.dl-pcl{transform-origin:bottom;position:absolute}.dl-pcl-1{bottom:0;left:30px;transform:rotate(-18deg)}.dl-pcl-2{bottom:0;left:75px;transform:rotate(-12deg)}.dl-pcl-body{background:#1a1a1a;border-radius:4px;width:32px}.dl-pcl-1 .dl-pcl-body{height:420px}.dl-pcl-2 .dl-pcl-body{height:440px}.dl-pcl-tip{clip-path:polygon(50% 0,0 100%,100% 100%);background:linear-gradient(#c8956d 0%,#ffd699 100%);width:32px;height:56px;position:absolute;top:-56px;left:0}.dl-pcl-tip:after{content:"";clip-path:polygon(50% 0,0 100%,100% 100%);background:#1a1a1a;width:11px;height:22px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.dl-banner-content{z-index:2;padding-left:160px;position:relative}.dl-banner-tag{color:#033e65;letter-spacing:.8px;text-transform:uppercase;background:#033e651f;border-radius:999px;margin-bottom:14px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.dl-banner-title{color:#033e65;margin:0 0 10px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.2}.dl-banner-sub{color:#033e65d9;max-width:360px;margin:0 0 20px;font-size:.95rem;line-height:1.5}.dl-banner-cta{color:#ffc014;background:#033e65;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.dl-banner-cta:hover{color:#ffc014;background:#022740;transform:translateY(-2px);box-shadow:0 8px 18px #033e6559}.dl-banner-illust{z-index:2;width:240px;height:220px;position:relative}.dl-banner-doc{background:#fff;border-radius:10px;padding:14px;transition:transform .3s;position:absolute;box-shadow:0 8px 24px #0000004d}.dl-banner-doc-1{width:130px;height:170px;animation:4s ease-in-out infinite dl-banner-float-1;top:25px;left:0;transform:rotate(-6deg)}.dl-banner-doc-2{background:#ffc014;width:130px;height:170px;animation:4.5s ease-in-out .4s infinite dl-banner-float-2;top:15px;right:0;transform:rotate(8deg)}.dl-banner-doc-line{background:#e5e7eb;border-radius:3px;height:5px;margin-bottom:7px}.dl-banner-doc-line:first-child{background:#033e65;width:60%;height:8px;margin-bottom:10px}.dl-banner-doc-2 .dl-banner-doc-line{background:#033e6540}.dl-banner-doc-2 .dl-banner-doc-line:first-child{background:#033e65}.dl-banner-star{color:#ffc014;z-index:3;font-size:28px;animation:2s ease-in-out infinite dl-banner-pulse;position:absolute}.dl-banner-star-1{top:-10px;left:50%}.dl-banner-star-2{font-size:20px;animation-delay:.6s;bottom:-5px;right:15px}@keyframes dl-banner-float-1{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-6px)rotate(-6deg)}}@keyframes dl-banner-float-2{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(-8px)rotate(8deg)}}@keyframes dl-banner-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:768px){.dl-banner{flex-direction:column;min-height:auto}.dl-banner-left{padding:2rem 1.5rem}.dl-banner-right{display:none}.dl-banner-pencils{width:160px;height:380px;bottom:-160px;left:20px}.dl-pcl-1 .dl-pcl-body{height:320px}.dl-pcl-2 .dl-pcl-body{height:340px}.dl-pcl-1{left:25px}.dl-pcl-2{left:65px}.dl-banner-content{padding-left:130px}.dl-banner-sub{max-width:100%}}@media (max-width:480px){.dl-banner-pencils{opacity:.5;width:120px;height:280px;bottom:-120px;left:10px}.dl-pcl-1 .dl-pcl-body{height:230px}.dl-pcl-2 .dl-pcl-body{height:250px}.dl-pcl-1{left:15px}.dl-pcl-2{left:45px}.dl-banner-content{padding-top:130px;padding-left:0}}.dl-slideshow{padding:0 3.5rem;position:relative}.dl-slide-btn{color:#fff;cursor:pointer;z-index:4;background:#033e65;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dl-slide-btn:hover{color:#033e65;background:#ffc014;transform:translateY(-50%)scale(1.1)}.dl-slide-prev{left:0}.dl-slide-next{right:0}.dl-slide-dots{justify-content:center;gap:8px;margin-top:1.5rem;display:flex}.dl-slide-dot{cursor:pointer;background:#d0d7de;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.dl-slide-dot-active{background:#033e65;transform:scale(1.3)}.dl-logo-grid{gap:1.25rem;display:grid}.dl-logo-grid-7{grid-template-columns:repeat(7,1fr)}.dl-logo-card{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;padding:1rem;transition:all .25s;display:flex}.dl-logo-card:hover{border-color:#033e65;transform:translateY(-4px);box-shadow:0 8px 20px #033e651f}.dl-logo-card img{object-fit:contain;max-width:80%;max-height:80%}.dl-image-grid{gap:1.25rem;display:grid}.dl-image-grid-4{grid-template-columns:repeat(4,1fr)}.dl-image-grid-5{grid-template-columns:repeat(5,1fr)}.dl-image-card{aspect-ratio:4/3;cursor:pointer;background:#fff;border-radius:14px;transition:all .25s;overflow:hidden}.dl-image-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #033e652e}.dl-image-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.dl-image-card:hover img{transform:scale(1.05)}.dl-applying-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.dl-applying-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;min-height:280px;padding:2rem 1.5rem;transition:all .3s;display:flex}.dl-applying-card:hover,.dl-applying-card-active{color:#fff;background:#033e65;border-color:#033e65;transform:translateY(-6px);box-shadow:0 16px 32px #033e6533}.dl-applying-step{color:#033e65;background:#ffc014;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1rem;font-size:1.4rem;font-weight:700;display:flex}.dl-applying-title{margin:0 0 .6rem;font-size:1.1rem;font-weight:600}.dl-applying-desc{opacity:.85;margin:0 0 1rem;font-size:.95rem}.dl-applying-bullets{margin:0;padding:0;font-size:.85rem;line-height:1.7;list-style:none}.dl-applying-bullets li{margin-bottom:.4rem;padding-left:1.2rem;position:relative}.dl-applying-bullets li:before{content:"→";color:#ffc014;position:absolute;left:0}@media (max-width:1100px){.dl-logo-grid-7{grid-template-columns:repeat(5,1fr)}.dl-image-grid-5{grid-template-columns:repeat(3,1fr)}.dl-applying-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dl-section{padding:3rem 1rem}.dl-section-title{font-size:1.5rem}.dl-logo-grid-7{grid-template-columns:repeat(3,1fr)}.dl-image-grid-4,.dl-image-grid-5{grid-template-columns:repeat(2,1fr)}.dl-applying-grid{grid-template-columns:1fr}.dl-slideshow{padding:0 2.5rem}.dl-slide-btn{width:36px;height:36px;font-size:1rem}.dl-hero{height:60vh;min-height:380px}}@media (max-width:480px){.dl-logo-grid-7{grid-template-columns:repeat(2,1fr)}.dl-image-grid-4,.dl-image-grid-5{grid-template-columns:1fr}}.dl-search-section{color:#fff;background:#033e65;padding:3rem 1.5rem 4rem}.dl-search-inner{max-width:1300px;margin:0 auto}.dl-search-title{color:#fff;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.dl-search-subtitle{opacity:.85;font-size:1.15rem;font-weight:400}.dl-search-row{grid-template-columns:1fr 1fr 1fr auto;align-items:stretch;gap:12px;display:grid}.dl-search-input-wrap{background:#fff;border-radius:999px;align-items:center;height:52px;padding:0 1rem;transition:box-shadow .2s;display:flex;position:relative}.dl-search-input-wrap:focus-within{box-shadow:0 0 0 3px #ffc01466}.dl-search-icon{color:#033e65;flex-shrink:0;margin-right:10px}.dl-search-input{color:#2c3e50;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:1rem}.dl-search-input::placeholder{color:#999}.dl-search-clear{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.4rem;line-height:1;transition:color .2s}.dl-search-clear:hover{color:#dc3545}.dl-search-btn{color:#033e65;cursor:pointer;white-space:nowrap;background:#ffc014;border:none;border-radius:999px;height:52px;padding:0 2.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.dl-search-btn:hover{background:#ffcd3d;transform:translateY(-1px);box-shadow:0 6px 14px #ffc01466}.dl-search-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-top:1.25rem;display:flex}.dl-search-pill{color:#033e65;cursor:not-allowed;opacity:.85;background:#fff;border:none;border-radius:999px;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500}.dl-search-reset{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .2s}.dl-search-reset:hover{background:#ffffff1a;border-color:#fff}.dl-search-deep{text-align:center;margin-top:1.5rem}.dl-search-deep-link{color:#ffc014;font-size:1rem;font-weight:500;text-decoration:none;transition:opacity .2s}.dl-search-deep-link:hover{opacity:.85;color:#ffc014;text-decoration:underline}.dl-search-btn-mobile{display:none}@media (max-width:992px){.dl-search-row{grid-template-columns:1fr 1fr}.dl-search-row .dl-search-btn:not(.dl-search-btn-mobile){display:none}.dl-search-btn-mobile{width:100%;margin-top:1rem;display:block}}@media (max-width:600px){.dl-search-section{padding:2rem 1rem 2.5rem}.dl-search-row{grid-template-columns:1fr}.dl-search-title{font-size:1.25rem}.dl-search-subtitle{margin-top:4px;font-size:1rem;display:block}.dl-search-pill,.dl-search-reset{padding:.5rem 1rem;font-size:.85rem}}.dl-uni-section{box-sizing:border-box;width:100%;padding:0}.dl-uni-card{aspect-ratio:16/7;background:#e5e7eb;border-radius:0;width:100%;max-height:600px;position:relative;overflow:hidden;box-shadow:0 8px 24px #033e6526}.dl-uni-track{will-change:transform;width:100%;height:100%;transition:transform .7s cubic-bezier(.65,0,.35,1);display:flex}.dl-uni-slide{flex:0 0 100%;width:100%;height:100%;position:relative}.dl-uni-card-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.dl-uni-card-overlay{pointer-events:none;background:linear-gradient(#033e658c 0%,#033e6526 25%,#033e6559 60%,#033e65e6 100%);position:absolute;inset:0}.dl-uni-card-header{z-index:3;pointer-events:none;position:absolute;top:1.75rem;left:2.5rem}.dl-uni-card-title{color:#fff;text-shadow:0 2px 12px #00000080;margin:0 0 .6rem;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:600}.dl-uni-card-title-en{color:#ffffffd9;font-size:clamp(.9rem,1.4vw,1.15rem);font-weight:400}.dl-uni-card-divider{background:#ffc014;border-radius:2px;width:60px;height:4px}.dl-uni-arrow{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:4;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dl-uni-arrow:hover{color:#033e65;background:#ffc014;transform:translateY(-50%)scale(1.08);box-shadow:0 4px 12px #00000040}.dl-uni-arrow-prev{left:1.25rem}.dl-uni-arrow-next{right:1.25rem}.dl-uni-dots{z-index:4;gap:8px;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.dl-uni-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .25s}.dl-uni-dot:hover{background:#ffffffbf}.dl-uni-dot-active{background:#ffc014;border-radius:999px;width:26px}@keyframes dl-uni-info-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dl-uni-card-info{color:#fff;z-index:2;padding:2rem 2.5rem 3.5rem;animation:.6s ease-out dl-uni-info-rise;position:absolute;bottom:0;left:0;right:0}.dl-uni-card-location{color:#033e65;background:#ffc014f2;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:.85rem;font-weight:600;display:inline-block}.dl-uni-card-name{color:#fff;text-shadow:0 2px 12px #0006;margin:0 0 4px;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:1.2}.dl-uni-card-name-en{color:#ffffffd9;margin:0 0 12px;font-size:clamp(.85rem,1.4vw,1rem);font-style:italic;font-weight:400}.dl-uni-card-desc{color:#ffffffeb;max-width:700px;margin:0;font-size:clamp(.85rem,1.3vw,1rem);line-height:1.5}@media (max-width:768px){.dl-uni-section{padding:0}.dl-uni-card{aspect-ratio:4/3;border-radius:0}.dl-uni-card-header{top:1.25rem;left:1.5rem}.dl-uni-card-info{padding:1.5rem 1.5rem 3rem}.dl-uni-arrow{width:38px;height:38px;font-size:1rem}.dl-uni-arrow-prev{left:.75rem}.dl-uni-arrow-next{right:.75rem}.dl-uni-dots{bottom:1rem}}@media (max-width:480px){.dl-uni-card{border-radius:0}.dl-uni-card-title{font-size:1.1rem}}._google-page_o46bl_3{background:#f1f3f4;justify-content:center;align-items:center;min-height:100vh;display:flex}._login-container_o46bl_19{width:100%;min-height:100vh;display:flex;overflow-x:hidden}._login-banner_o46bl_35{background-color:#eee;flex:0 0 65%;display:block}._banner-img_o46bl_47{object-fit:cover;filter:brightness(60%);width:100%;height:100%;display:block}._google-card_o46bl_65{background:#fff;width:100%;height:100vh;margin:auto;padding:2.5rem;box-shadow:0 4px 12px #0000001a}._google-title_o46bl_89{color:#202124;font-size:28px;font-weight:500}._google-sub_o46bl_101{color:#5f6368;margin-top:.5rem}._google-logo_o46bl_111{width:200px;margin-bottom:10px}._google-input-group_o46bl_123{gap:1rem;margin-top:1.5rem;display:flex}._google-input-group-column_o46bl_135{flex-direction:column;gap:1rem;display:flex}._google-input_o46bl_123{color:#202124;background-color:#fff;border:1px solid #dadce0;border-radius:6px;width:100%;padding:.75rem;font-size:14px;transition:all .2s}._google-input_o46bl_123:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 1px #1a73e8}._google-btn_o46bl_183{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:6px;width:100%;margin-top:2rem;padding:.75rem;font-size:16px;transition:all .2s}._google-btn_o46bl_183:hover{background:#1765cc}._google-switch_o46bl_219{text-align:left;color:#5f6368;margin-top:1rem;font-size:14px}._google-switch-btn_o46bl_233{color:#1a73e8;cursor:pointer;background:0 0;border:none;font-weight:500}._google-switch-btn_o46bl_233:hover{text-decoration:underline}@media (max-width:1200px){._login-banner_o46bl_35,._google-card_o46bl_65{flex:0 0 50%}}@media (max-width:768px){._login-container_o46bl_19{flex-direction:column}._login-banner_o46bl_35{flex:0 0 30vh;width:100%}._google-card_o46bl_65{border-radius:24px 24px 0 0;flex:1;width:100%;min-height:70vh;margin-top:-30px;padding:2rem 1.5rem}._google-input-group_o46bl_123{flex-direction:column;gap:0}._login-banner_o46bl_35,._banner-img_o46bl_47{display:none}._google-input-group_o46bl_123 ._google-input_o46bl_123{margin-top:.75rem}}._back-button-modern_o46bl_359{color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;margin-top:3rem;padding:15px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0000000d}._back-button-modern_o46bl_359:hover{color:#111827;background-color:#f9fafb;border-color:#d1d5db}._back-button-modern_o46bl_359:hover svg{stroke:#111827}.qs-page{color:#2c3e50;background:#fafbfc;min-height:100vh;font-family:Kanit,Inter,sans-serif}.qs-hero{width:100%;height:50vh;min-height:360px;max-height:520px;position:relative;overflow:hidden}.qs-hero-slide{transition:opacity .8s;position:absolute;inset:0}.qs-hero-img{object-fit:cover;width:100%;height:100%}.qs-hero-overlay{background:linear-gradient(#033e654d 0%,#033e65cc 100%);position:absolute;inset:0}.qs-hero-content{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;display:flex;position:absolute;inset:0}.qs-hero-title{text-shadow:0 2px 12px #0006;max-width:900px;margin:0 0 1rem;font-size:clamp(1.5rem,3.5vw,2.6rem);font-weight:700}.qs-hero-sub{opacity:.95;max-width:700px;margin:0;font-size:clamp(1rem,1.8vw,1.25rem)}.qs-hero-dots{z-index:5;gap:10px;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.qs-hero-dot{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .25s}.qs-hero-dot-active{background:#ffc014;border-color:#ffc014;transform:scale(1.2)}.qs-search-section{color:#fff;background:#033e65;padding:3rem 1.5rem 4rem}.qs-search-inner{max-width:1300px;margin:0 auto}.qs-search-title{color:#fff;text-align:left;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.qs-search-subtitle{opacity:.85;font-size:1.15rem;font-weight:400}.qs-search-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.qs-field{background:#fff;border-radius:12px;align-items:center;height:52px;padding:0 1rem;transition:box-shadow .2s;display:flex;position:relative}.qs-field:focus-within{box-shadow:0 0 0 3px #ffc01466}.qs-field-icon{color:#033e65;flex-shrink:0;align-items:center;margin-right:10px;display:flex}.qs-field-icon svg{width:18px!important;height:18px!important}.qs-field-input{color:#2c3e50;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:1rem}.qs-field-input::placeholder{color:#999}.qs-field-clear{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.4rem;line-height:1;transition:color .2s}.qs-field-clear:hover{color:#dc3545}.qs-search-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:1.25rem;display:flex}.qs-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;height:48px;padding:0 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.qs-btn-primary{color:#033e65;background:#ffc014}.qs-btn-primary:hover{background:#ffcd3d;transform:translateY(-1px);box-shadow:0 6px 14px #ffc01466}.qs-btn-secondary{color:#fff;background:0 0;border:1px solid #fff6}.qs-btn-secondary:hover{background:#ffffff1a;border-color:#fff}.qs-section{max-width:1300px;margin:0 auto;padding:4rem 1.5rem}.qs-section-header{text-align:center;margin-bottom:2.5rem}.qs-section-title{color:#033e65;margin:0 0 1rem;font-size:2rem;font-weight:600}.qs-section-title-en{color:#888;font-size:1.25rem;font-weight:400}.qs-section-divider{background:#ffc014;border-radius:2px;width:80px;height:4px;margin:0 auto}.qs-slideshow{padding:0 3.5rem;position:relative}.qs-slide-btn{color:#fff;cursor:pointer;z-index:4;background:#033e65;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.qs-slide-btn:hover{color:#033e65;background:#ffc014;transform:translateY(-50%)scale(1.1)}.qs-slide-prev{left:0}.qs-slide-next{right:0}.qs-logo-grid{grid-template-columns:repeat(7,1fr);gap:1.25rem;display:grid}.qs-logo-card{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;padding:1rem;transition:all .25s;display:flex}.qs-logo-card:hover{border-color:#033e65;transform:translateY(-4px);box-shadow:0 8px 20px #033e651f}.qs-logo-card img{object-fit:contain;max-width:80%;max-height:80%}.qs-results-empty{text-align:center;color:#666;background:#fff;border:1px dashed #d0d7de;border-radius:14px;padding:3rem 1rem}.qs-results-empty-icon{margin-bottom:1rem;font-size:3rem}.qs-results-empty p{margin:0 0 1.25rem;font-size:1.05rem}.qs-results-back{color:#033e65;font-weight:500;text-decoration:none;transition:color .2s}.qs-results-back:hover{color:#ffc014}@media (max-width:1100px){.qs-search-grid{grid-template-columns:repeat(2,1fr)}.qs-logo-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:768px){.qs-section{padding:3rem 1rem}.qs-section-title{font-size:1.5rem}.qs-search-grid{grid-template-columns:1fr}.qs-logo-grid{grid-template-columns:repeat(3,1fr)}.qs-slideshow{padding:0 2.5rem}.qs-slide-btn{width:36px;height:36px;font-size:1rem}.qs-search-actions{justify-content:stretch}.qs-btn{flex:1}.qs-hero{height:40vh;min-height:280px}}@media (max-width:480px){.qs-logo-grid{grid-template-columns:repeat(2,1fr)}}.ab-page{color:#2c3e50;background:#fafbfc;min-height:100vh;font-family:Kanit,Inter,sans-serif}.ab-hero{width:100%;height:60vh;min-height:400px;max-height:600px;position:relative;overflow:hidden}.ab-hero-slide{transition:opacity .8s;position:absolute;inset:0}.ab-hero-img{object-fit:cover;width:100%;height:100%}.ab-hero-overlay{background:linear-gradient(#033e654d 0%,#033e65cc 100%);position:absolute;inset:0}.ab-hero-content{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;display:flex;position:absolute;inset:0}.ab-hero-title{text-shadow:0 2px 12px #0006;max-width:900px;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,3rem);font-weight:700}.ab-hero-sub{opacity:.95;max-width:700px;margin:0;font-size:clamp(1rem,2vw,1.3rem)}.ab-hero-dots{z-index:5;gap:10px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.ab-hero-dot{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .25s}.ab-hero-dot-active{background:#ffc014;border-color:#ffc014;transform:scale(1.2)}.ab-section{max-width:1300px;margin:0 auto;padding:4rem 1.5rem}.ab-section-header{text-align:center;margin-bottom:3rem}.ab-section-title{color:#033e65;margin:0 0 1rem;font-size:2rem;font-weight:600}.ab-section-title-en{color:#888;font-size:1.25rem;font-weight:400}.ab-section-divider{background:#ffc014;border-radius:2px;width:80px;height:4px;margin:0 auto}.ab-pricing-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.ab-pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:2rem 1.5rem;transition:all .3s;display:flex;position:relative}.ab-pricing-card:hover{border-color:#033e65;transform:translateY(-6px);box-shadow:0 16px 32px #033e651f}.ab-pricing-card-highlight{background:linear-gradient(#fffbf0 0%,#fff 100%);border-color:#ffc014;transform:translateY(-6px);box-shadow:0 16px 32px #ffc01426}.ab-pricing-card-highlight:hover{border-color:#ffc014;transform:translateY(-10px);box-shadow:0 20px 40px #ffc01440}.ab-pricing-badge{color:#033e65;background:#ffc014;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;position:absolute;top:-14px;right:1.5rem;box-shadow:0 4px 10px #ffc0144d}.ab-pricing-title{color:#033e65;margin:0 0 .75rem;font-size:1.4rem;font-weight:600}.ab-pricing-price{border-bottom:1px solid #e5e7eb;align-items:baseline;gap:6px;margin:0 0 1.5rem;padding-bottom:1.5rem;display:flex}.ab-pricing-amount{color:#033e65;font-size:2.4rem;font-weight:700}.ab-pricing-period{color:#888;font-size:.95rem}.ab-pricing-features{flex:1;margin:0 0 2rem;padding:0;list-style:none}.ab-pricing-features li{color:#2c3e50;padding:.5rem 0 .5rem 1.5rem;font-size:.95rem;line-height:1.5;position:relative}.ab-pricing-features li:before{content:"✓";color:#28a745;font-weight:700;position:absolute;left:0}.ab-pricing-btn{color:#fff;cursor:pointer;background:#033e65;border:none;border-radius:10px;width:100%;padding:.85rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.ab-pricing-btn:hover{background:#022740;transform:translateY(-1px);box-shadow:0 6px 14px #033e654d}.ab-pricing-card-highlight .ab-pricing-btn{color:#033e65;background:#ffc014}.ab-pricing-card-highlight .ab-pricing-btn:hover{background:#ffcd3d;box-shadow:0 6px 14px #ffc01466}@media (max-width:1100px){.ab-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ab-section{padding:3rem 1rem}.ab-section-title{font-size:1.5rem}.ab-pricing-grid{grid-template-columns:1fr}.ab-hero{height:50vh;min-height:320px}}.universities-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.university-card{background:#fff;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.university-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.university-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:flex-start;gap:15px;padding:20px;display:flex}.university-logo{object-fit:contain;background:#fff;border-radius:8px;width:80px;height:80px;padding:8px}.university-info{flex:1}.university-info h2{margin:0 0 5px;font-size:1.3rem;font-weight:600}.university-en{opacity:.9;margin:0 0 10px;font-size:.9rem;font-style:italic}.university-meta{flex-wrap:wrap;gap:8px;display:flex}.badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge.shortname{background:#ffffff4d}.badge.type{background:#fff3}.university-details{border-bottom:1px solid #f0f0f0;flex:1;padding:20px}.detail-item{margin-bottom:15px}.detail-item:last-child{margin-bottom:0}.detail-item label{color:#333;margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.detail-item span{color:#666;word-break:break-word;font-size:.95rem;display:block}.detail-item a{color:#667eea;text-decoration:none;transition:color .3s}.detail-item a:hover{color:#764ba2;text-decoration:underline}.university-actions{gap:10px;padding:15px 20px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#333;background:#f0f0f0;border:1px solid #ddd}.btn-secondary:hover{background:#e8e8e8}.results-header{text-align:center;border-bottom:2px solid #f0f0f0;padding:30px 20px}.results-header h1{color:#333;margin:0 0 10px;font-size:2rem}.results-header p{color:#666;margin:0;font-size:1.1rem}@media (max-width:768px){.universities-container{grid-template-columns:1fr}.university-header{text-align:center;flex-direction:column;align-items:center}.university-info h2{font-size:1.1rem}.results-header h1{font-size:1.5rem}}@media (max-width:480px){.universities-container{gap:10px;padding:10px}.university-card{border-radius:8px}.university-header,.university-details{padding:15px}.university-actions{flex-direction:column;padding:10px 15px}.btn{padding:8px 12px;font-size:.85rem}}.suggestion-header{background-color:#f9fafb;min-height:100vh;padding-top:2.5rem;padding-bottom:2.5rem}.results-header{text-align:center;margin-bottom:2.5rem}.results-header h1{color:#1e40af;font-size:2.25rem;font-weight:800}.uni-container-main{background-color:#fff;border-top:4px solid #3b82f6;border-radius:.75rem;max-width:64rem;margin:2.5rem auto;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.uni-container-main>div:first-child{border-bottom:1px solid #e5e7eb;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.uni-container-main img{object-fit:contain;border:1px solid #e5e7eb;border-radius:50%;width:5rem;height:5rem;padding:.25rem}.uni-container-main h1{color:#1f2937;font-size:1.875rem;font-weight:700}.uni-container-main p.text-xl{color:#4b5563;font-size:1.25rem}.uni-container-main p.text-sm{color:#9ca3af;font-size:.875rem}.uni-container-main .grid-cols-1{color:#374151;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (min-width:768px){.uni-container-main .grid-cols-1{grid-template-columns:1fr 1fr}.uni-container-main .col-span-1.md\:col-span-2{grid-column:span 2/span 2}}.uni-container-main .font-semibold{color:#2563eb;margin-right:.5rem;font-weight:600}.uni-container-main a{color:#3b82f6;margin-left:.5rem;text-decoration:none}.uni-container-main a:hover{text-decoration:underline}.uni-container-main h2{color:#1f2937;border-bottom:1px solid #e5e7eb;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:640px){.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3>div{background-color:#f9fafb;border-left:4px solid #f59e0b;border-radius:.5rem;padding:.75rem;font-size:.875rem;box-shadow:0 1px 2px #0000000d}.uni-container-main p.text-gray-500{color:#6b7280;font-style:italic}.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4 span{color:#047857;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#ecfdf5;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;overflow:hidden}:root{--accent:#1b74e4;--muted:#7a7a7a;--bg-light:#f8f9fa;--card-bg:#fff}.ps-page{color:#222;background:var(--bg-light);min-height:100vh;padding-bottom:30px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.ps-header{align-items:flex-end;height:180px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.ps-header-bg{opacity:.95;background:linear-gradient(90deg,#0b2f4a,#123e6b);position:absolute;inset:0}.ps-header-inner{align-items:center;gap:20px;padding:20px 28px;display:flex;position:relative}.ps-avatar-box{flex-direction:column;justify-content:center;align-items:center;display:flex}.ps-avatar{object-fit:cover;border:4px solid #4a90e2;border-radius:20px;width:140px;height:140px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #0000004d}.ps-avatar:hover{transform:scale(1.05);box-shadow:0 8px 25px #0006}.ps-avatar-box input[type=file]{margin-top:10px}.ps-user{color:#fff}.ps-name{margin:0;font-size:22px;font-weight:600}.ps-sub{color:#fffc;margin-top:6px;font-size:14px}.ps-ctas{gap:8px;margin-top:10px;display:flex}.ps-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:6px;padding:8px 12px;transition:all .2s}.ps-btn:hover{background:#fff3}.ps-btn.primary{background:var(--accent);border-color:#0000}.ps-btn.primary:hover{background:#1668c1}.ps-main{gap:20px;padding:0 22px;display:flex}.ps-left{flex:1}.ps-right{width:320px}.ps-panel{background:var(--card-bg);border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 6px 14px #1018280f}.ps-panel h3{color:#222;margin:0 0 12px;font-size:16px}.ps-panel label{color:var(--muted);margin-top:10px;font-size:12px;display:block}.ps-panel input{border:1px solid #e6e6e6;border-radius:8px;width:100%;margin-top:6px;padding:10px;font-size:14px;transition:all .2s}.ps-panel input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 5px #1b74e466}.ps-badges{flex-wrap:wrap;gap:8px;display:flex}.ps-badge{color:#065;background:linear-gradient(90deg,#f0f8ff,#e6f3ff);border-radius:20px;padding:6px 12px;font-size:12px;box-shadow:0 2px 6px #0b20300f}.ps-activity{margin:0;padding:0;list-style:none}.ps-activity li{color:#333;border-bottom:1px dashed #f0f0f0;padding:10px 0;font-size:14px}.ps-stats{gap:12px;display:flex}.ps-stat{text-align:center;background:linear-gradient(#f8fbff,#fff);border-radius:10px;flex:1;padding:12px}.ps-stat strong{color:var(--accent);font-size:18px;display:block}@media (max-width:900px){.ps-main{flex-direction:column}.ps-right{width:100%}.ps-header-inner{flex-direction:column;align-items:center}.ps-ctas{flex-wrap:wrap;justify-content:center}}.head{color:#fff;text-align:center;background-color:#06299c;margin-bottom:3rem;padding:2rem;box-shadow:0 3px 10px #0003}.profile-page{justify-content:center;padding:0 20px;display:flex}.profile-card{background:#fff;border-radius:20px;flex-direction:column;width:450px;padding:30px;display:flex;box-shadow:0 8px 25px #0000001a}.img-box img{aspect-ratio:1;object-fit:cover;border:3px solid #063a9c;border-radius:50%;width:40%;max-width:150px}.form-group label{color:#333;margin-bottom:5px;font-weight:600;display:block}.input-box{border:1px solid #ccc;border-radius:10px;width:100%;padding:12px;font-size:16px;transition:all .2s}.input-box:focus{border-color:#06299c;outline:none;box-shadow:0 0 5px #06299c80}.save-btn{color:#fff;cursor:pointer;background-color:#06299c;border:none;border-radius:10px;margin-top:15px;padding:12px;font-size:17px;transition:all .3s}.save-btn:hover{background-color:#042182}.main-content-wrapper{max-width:1200px;margin:20px auto;padding:0 15px}.activities-header{border-bottom:3px solid #f0f0f0;margin-bottom:30px;padding-bottom:10px}.activities-title{color:#007bff;margin:0;font-size:28px;font-weight:700;display:inline-block}.header-decoration{background-color:#ffc107;width:80px;height:3px;margin-top:5px}.activities-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.activity-item-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;padding:0;transition:transform .2s;display:flex;box-shadow:0 4px 8px #0000000d}.activity-item-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.activity-image-wrapper{border-radius:8px 8px 0 0;width:100%;height:200px;overflow:hidden}.activity-image{object-fit:cover;width:100%;height:100%;display:block}.activity-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:15px;display:flex}.activity-text{color:#333;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.activity-timestamp{color:#999;align-self:flex-start;font-size:12px}.activities-container{flex-direction:column;gap:20px;max-width:1000px;margin:20px auto;padding:0 15px;display:flex}.activity-card{background:#fff;border-radius:10px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.activity-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000026}.activity-image{width:100%;height:300px;overflow:hidden}.activity-image img{object-fit:cover;width:100%;height:100%;display:block}.activity-content{flex-direction:column;gap:10px;padding:20px;display:flex}.activity-title{color:#1b74e4;margin:0;font-size:1.5rem;font-weight:600}.activity-desc{color:#555;line-height:1.5}.activity-footer{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.activity-time{color:#999}.activity-link{color:#1b74e4;font-weight:500;text-decoration:none}.activity-link:hover{text-decoration:underline}.no-activities{text-align:center;color:#666;padding:50px 0;font-size:1.1rem}._portfolio-wrapper_1tckb_1{background-color:#033e65;justify-content:center;align-items:center;height:4.5rem;display:flex}._portfolio-btn-group_1tckb_19{flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;max-width:1600px;padding-top:5px;display:flex}._port-btn_1tckb_39{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:12px;margin-right:1rem;padding:.5rem 1rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500}._portfolio-box_1tckb_67{flex-direction:column;justify-content:center;align-items:center;display:flex}._port-progress_1tckb_83{background-color:#fff;border-radius:12px;flex-wrap:nowrap;justify-content:space-around;width:100%;max-width:1200px;height:400px;margin-top:3rem;margin-bottom:4rem;padding:1rem;display:flex;box-shadow:0 4px 12px #0000001a}._port-progress-content_1tckb_115{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;display:flex}._port-progress-image_1tckb_131{background-color:#fff;border-radius:12px;width:11rem;height:13rem;margin-top:12px;margin-bottom:12px;box-shadow:0 4px 12px #0000001a}._port-name_1tckb_151{margin-bottom:12px}._port-upload-btn_1tckb_159{cursor:pointer;color:#033e65;background-color:#fac14b;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:40px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;display:flex}._port-preview-btn_1tckb_191{cursor:pointer;color:#fff;background-color:#033e65;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:40px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;display:flex}._upload-btn-group_1tckb_225{gap:10px;width:400px;display:flex}._port-btn-group_1tckb_239{flex-direction:column;gap:12px;display:flex}._port-progress-group_1tckb_253{background-color:#fff;border-radius:12px;flex-direction:column;align-items:flex-end;display:flex}._update-date_1tckb_269{margin-bottom:12px;font-family:Kanit,sans-serif;font-size:1rem}._divider_1tckb_285{background-color:#bcbcbc;width:100%;height:1px}._progression-bar_1tckb_297{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-top:12px;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:500;display:flex}._bar_1tckb_321{background-color:#2eff279b;border-radius:10px;align-items:flex-start;width:100%;height:20px;margin-bottom:12px;display:flex;overflow:hidden}._progress-info_1tckb_343{background-color:#d6ffd6;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:400;display:flex}._progress-info-btn-group_1tckb_367{gap:10px;width:100%;margin-top:29px;display:flex}._progress-info-btn_1tckb_367{cursor:pointer;background-color:#033e65;border-radius:12px;padding:8px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500}._progress-caution_1tckb_401{color:#d78f00;width:100%;padding:10px;font-family:Kanit,sans-serif;font-size:12px;display:flex}._portfolio-data_1tckb_423{cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;max-width:1200px;margin-top:1rem;display:flex;box-shadow:0 4px 12px #0000001a}._portfolio-data-content_1tckb_449{justify-content:flex-start;padding:1rem;font-family:Kanit,sans-serif;font-size:20px;font-weight:lighter;display:flex}._check-icon_1tckb_467{width:2rem;height:2rem;margin-right:20px}._portfolio-data-group_1tckb_481{flex-direction:column;gap:12px;width:100%;margin-bottom:4rem;display:flex}._open_1tckb_497{flex-direction:column;align-items:stretch}._port-data-wrapper_1tckb_507{justify-content:space-between;width:100%;display:flex}._portfolio-expand_1tckb_519{text-align:left;width:100%;min-width:0;display:block;overflow:hidden}._slide-down_1tckb_539{animation:.4s cubic-bezier(.4,0,.2,1) forwards _slideDown_1tckb_1;overflow:hidden}._slide-up_1tckb_549{animation:.4s cubic-bezier(.4,0,.2,1) forwards _slideUp_1tckb_1;overflow:hidden}@keyframes _slideDown_1tckb_1{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:auto;transform:translateY(0)}}@keyframes _slideUp_1tckb_1{0%{opacity:1;max-height:auto;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}._portfolio-expand-content_1tckb_615{width:100%;padding:1rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600}._port-input_1tckb_631{color:#000;background-color:#fff;border:1px solid #bcbcbc;border-radius:12px;width:100%;height:2.5rem;margin-bottom:2rem;padding-left:1rem}._port-textarea_1tckb_653{color:#000;resize:none;background-color:#fff;border:1px solid #bcbcbc;border-radius:12px;width:100%;margin-bottom:2rem;padding:1rem}._personal-section_1tckb_675{gap:1rem;display:flex}._name-group_1tckb_685{width:100%}._custom-name-group_1tckb_693{width:30%}._custom-birth-date_1tckb_701{flex-direction:column;width:100%;display:flex}._date-group_1tckb_713{gap:12px;display:flex}._radio-container_1tckb_729{align-items:center;gap:15px;padding:5px 0;display:flex}._radio-container_1tckb_729 label{cursor:pointer;align-items:center;gap:5px;display:flex}input[type=radio]{accent-color:#2600ff;cursor:pointer;transform:scale(1.2)}._add-education_1tckb_771{justify-content:space-between;height:auto;margin-bottom:1rem;padding:auto;display:flex}._add-education_1tckb_771 h1{margin:0;font-size:1.5rem}._add-education_1tckb_771 button{cursor:pointer;background-color:#033e65}._edu-upload-btn_1tckb_809{cursor:pointer;background-color:#033e65;width:100%;padding:7px}._all-port-box_1tckb_823{background-color:#fff;border-radius:12px;flex-wrap:nowrap;justify-content:space-around;width:100%;max-width:1200px;height:300px;margin-top:3rem;margin-bottom:4rem;padding:1rem;display:flex;box-shadow:0 4px 12px #0000001a}._all-port-content_1tckb_853{width:100%;padding:1rem;font-family:Kanit,sans-serif;font-size:1rem}._popup-overlay_1tckb_871{z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}._popup-content_1tckb_897{background:#fff;border-radius:8px;min-width:320px;padding:32px;position:relative;box-shadow:0 2px 16px #0003}._popup-close-btn_1tckb_915{color:#fff;cursor:pointer;background:#033e65;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:8px;right:8px}@media (max-width:900px){._personal-section_1tckb_675{flex-direction:column}._name-group_1tckb_685,._custom-name-group_1tckb_693,._custom-birth-date_1tckb_701{width:100%;min-width:100%}._date-group_1tckb_713{flex-wrap:wrap}._portfolio-expand-content_1tckb_615{padding:15px}._port-input_1tckb_631{margin-bottom:3px}._port-progress_1tckb_83{flex-direction:column;align-items:center;height:auto;padding:16px 16px 2rem}._divider_1tckb_285{background:#8a8a8a;width:100%;height:1px;margin:20px 0}._upload-btn-group_1tckb_225{flex-direction:column;margin:0 30px}._port-upload-btn_1tckb_159,._port-preview-btn_1tckb_191{width:80%;margin:0 auto}}._mobile-only_1tckb_1061{display:none}._all-port-grid_1tckb_1069{grid-template-columns:repeat(3,minmax(260px,320px));justify-content:center;gap:24px;margin-bottom:2rem;display:grid}._all-port-card_1tckb_1085{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;font-family:Kanit,sans-serif;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000f}._all-port-card_1tckb_1085:hover{border-color:#06c;transform:translateY(-4px);box-shadow:0 8px 20px #0066cc1f}._all-port-card-image-wrap_1tckb_1121{background:#f3f4f6;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}._all-port-card-image_1tckb_1121{object-fit:contain;width:100%;height:100%;display:block}._all-port-card-image-placeholder_1tckb_1155{color:#888;background:#e0e0e0;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}._all-port-card-info_1tckb_1177{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}._all-port-card-title_1tckb_1193{color:#033e65;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;overflow:hidden}._all-port-card-date_1tckb_1211{color:#666;font-size:13px}._all-port-card-id_1tckb_1221{color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}._all-port-card-actions_1tckb_1237{background:#fafafa;border-top:1px solid #eee;gap:8px;padding:12px 16px;display:flex}._all-port-action-btn_1tckb_1253{color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:10px 8px;transition:filter .2s,transform .2s;display:flex}._all-port-action-btn_1tckb_1253:hover{filter:brightness(.9);transform:translateY(-1px)}._all-port-add-card_1tckb_1291{cursor:pointer;color:#033e65;background:#fff;border:2px dashed #b0c4de;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;font-family:Kanit,sans-serif;transition:all .25s;display:flex}._all-port-add-card_1tckb_1291:hover{background:#f0f7ff;border-color:#033e65;transform:translateY(-4px);box-shadow:0 8px 20px #033e651f}._all-port-add-icon_1tckb_1337{color:#033e65;font-size:64px;font-weight:300;line-height:1}._all-port-add-text_1tckb_1351{font-size:16px;font-weight:500}@media (max-width:992px){._all-port-grid_1tckb_1069{grid-template-columns:repeat(2,minmax(260px,320px));gap:18px}}@media (max-width:600px){._desktop-only_1tckb_1053{display:none!important}._mobile-only_1tckb_1061{display:block}._all-port-grid_1tckb_1069{grid-template-columns:minmax(0,360px);gap:14px}._all-port-card-image-wrap_1tckb_1121{height:160px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sdq-page{background:linear-gradient(160deg,#fdf4ff 0%,#fff 50% 100%);flex-direction:column;align-items:center;min-height:100vh;padding:28px 16px 80px;font-family:Sarabun,sans-serif;display:flex}.sdq-container{flex-direction:column;gap:16px;width:100%;max-width:660px;animation:.4s both fadeInUp;display:flex}.sdq-settings-bar{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.sdq-settings-label{color:#64748b;white-space:nowrap;font-size:13px;font-weight:700}.sdq-settings-input{color:#334155;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:120px;padding:6px 10px;font-family:Sarabun,sans-serif;font-size:13px;transition:border-color .15s}.sdq-settings-input:focus{border-color:#a78bfa}.sdq-settings-input--short{max-width:160px}.sdq-error{color:#dc2626;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}.sdq-no-login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.sdq-no-login__icon{font-size:52px;animation:3s ease-in-out infinite float}.sdq-no-login__title{color:#1e293b;margin:0;font-size:24px;font-weight:800}.sdq-no-login__sub{color:#64748b;margin:0;font-size:16px}.sdq-card{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:18px;padding:36px 32px;animation:.35s both fadeInUp;display:flex;box-shadow:0 6px 32px #8b5cf617}.sdq-intro__emoji{font-size:64px;line-height:1;animation:3.5s ease-in-out infinite float}.sdq-intro__title{color:#1e293b;margin:0;font-size:30px;font-weight:800;line-height:1.2}.sdq-intro__sub{color:#475569;margin:0;font-size:16px;line-height:1.75}.sdq-intro__note{color:#92400e;text-align:left;background:#fefce8;border:1.5px solid #fde68a;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;line-height:1.6}.sdq-feature-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sdq-feature-pill{color:#6d28d9;background:#ede9fe;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700}.sdq-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:14px;align-self:stretch;padding:15px 28px;font-family:Sarabun,sans-serif;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #6366f14d}.sdq-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.sdq-btn-primary:active{transform:scale(.98)}.sdq-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.sdq-btn-secondary{color:#6366f1;cursor:pointer;background:0 0;border:1.5px solid #6366f1;border-radius:14px;margin-top:8px;padding:12px 24px;font-family:Sarabun,sans-serif;font-size:15px;font-weight:700;transition:background .15s}.sdq-btn-secondary:hover{background:#eef2ff}.sdq-quiz-card{background:#fff;border-radius:22px;flex-direction:column;gap:18px;padding:28px 28px 32px;animation:.3s both fadeInUp;display:flex;box-shadow:0 6px 32px #8b5cf617}.sdq-progress-row{align-items:center;gap:12px;display:flex}.sdq-progress-text{color:#64748b;white-space:nowrap;font-size:13px;font-weight:600}.sdq-progress-bar{background:#f1f5f9;border-radius:99px;flex:1;height:8px;overflow:hidden}.sdq-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.sdq-category-badge{color:#8b5cf6;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.sdq-question-emoji{text-align:center;font-size:44px;animation:.4s pop}.sdq-question-text{color:#1e293b;margin:0;font-size:20px;font-weight:700;line-height:1.5}.sdq-hint{color:#94a3b8;margin:0;font-size:13px;font-style:italic}.sdq-option-grid{flex-direction:column;gap:10px;display:flex}.sdq-option-btn{cursor:pointer;text-align:left;color:#334155;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-family:Sarabun,sans-serif;font-size:15px;font-weight:600;transition:all .18s;display:flex}.sdq-option-btn:hover{background:#f5f3ff;border-color:#c4b5fd;transform:translate(3px)}.sdq-option-btn--selected{color:#4338ca;background:#eef2ff;border-color:#6366f1;transform:translate(3px)}.sdq-option-emoji{text-align:center;flex-shrink:0;width:32px;font-size:22px}.sdq-option-dot{background:0 0;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .18s}.sdq-option-dot--selected{background:#6366f1;border-color:#6366f1}.sdq-btn-back{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:color .15s}.sdq-btn-back:hover{color:#6366f1}.sdq-loading-card{background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;display:flex;box-shadow:0 6px 32px #8b5cf617}.sdq-spinner{border:4px solid #ede9fe;border-top-color:#6366f1;border-radius:50%;width:52px;height:52px;animation:.9s linear infinite spin}.sdq-loading-title{color:#1e293b;margin:0;font-size:22px;font-weight:800}.sdq-loading-model{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;margin:0;padding:4px 12px;font-size:13px}.sdq-loading-steps{flex-direction:column;gap:8px;width:100%;max-width:360px;display:flex}.sdq-loading-step{color:#64748b;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.sdq-loading-step__dot{background:#c4b5fd;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sdq-stream-box{background:#0f172a;border-radius:12px;width:100%;max-height:180px;padding:16px;overflow:auto}.sdq-stream-pre{color:#a5f3fc;white-space:pre-wrap;word-break:break-word;margin:0;font-family:monospace;font-size:12px}.sdq-result-wrapper{flex-direction:column;gap:16px;animation:.4s both fadeInUp;display:flex}.sdq-result-header{text-align:center;flex-direction:column;gap:6px;display:flex}.sdq-result-title{color:#1e293b;margin:0;font-size:28px;font-weight:800}.sdq-result-sub{color:#64748b;margin:0;font-size:15px}.sdq-rec-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;padding:20px 24px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.sdq-rec-card:hover{transform:translateY(-2px)}.sdq-rec-card--top{background:#fafbff;border:2px solid #6366f1}.sdq-rec-card__badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-left-radius:12px;padding:5px 16px;font-size:12px;font-weight:700;position:absolute;top:0;right:0}.sdq-rec-header{align-items:center;gap:14px;display:flex}.sdq-rank-circle{color:#6d28d9;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:800;display:flex}.sdq-rec-university{color:#1e293b;margin:0;font-size:17px;font-weight:700}.sdq-rec-faculty{color:#64748b;margin:4px 0 0;font-size:13px}.sdq-score-chip{color:#15803d;white-space:nowrap;background:#f0fdf4;border-radius:99px;margin-left:auto;padding:5px 12px;font-size:14px;font-weight:700}.sdq-match-bar-bg{background:#f1f5f9;border-radius:99px;height:7px;overflow:hidden}.sdq-match-bar-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:99px;height:100%;transition:width 1s}.sdq-rec-reason{color:#475569;margin:0;font-size:14px;line-height:1.65}.sdq-rec-tags{flex-wrap:wrap;gap:6px;display:flex}.sdq-tag{color:#475569;background:#f1f5f9;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600}@media (max-width:480px){.sdq-card,.sdq-quiz-card{padding:24px 18px}.sdq-intro__title{font-size:24px}.sdq-question-text{font-size:17px}.sdq-option-btn{padding:12px 14px;font-size:14px}}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-wrapper{background:#fff;border-radius:12px;width:100%;max-width:500px;animation:.5s ease-out slideIn;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px}.login-header h1{margin:0 0 10px;font-size:2em;font-weight:700}.login-header p{opacity:.9;margin:0;font-size:.95em}.login-content{padding:40px 30px}.mode-toggle{background:#f5f5f5;border-radius:8px;gap:10px;margin-bottom:30px;padding:8px;display:flex}.mode-toggle button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;flex:1;padding:12px;font-weight:600;transition:all .3s}.mode-toggle button.active{color:#667eea;background:#fff;box-shadow:0 2px 8px #0000001a}.form-group input,.form-group select{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:1em;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:1em;font-weight:600;transition:all .3s}.submit-btn:active{transform:translateY(0)}.form-mode-toggle{gap:10px;margin-bottom:30px;display:flex}.form-mode-toggle button{cursor:pointer;color:#666;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:all .3s}.form-mode-toggle button.active{color:#667eea;background:#667eea0d;border-color:#667eea}.loading{opacity:.7;pointer-events:none}.loading:after{content:"";border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.dashboard-university-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:40px 20px}.dashboard-header{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto 40px;padding:30px 40px;box-shadow:0 4px 15px #00000014}.dashboard-header h1{color:#333;margin:0 0 10px;font-size:2em;font-weight:700}.dashboard-header p{color:#666;margin:0;font-size:.95em}.dashboard-content{max-width:1200px;margin:0 auto}.events-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;animation:.5s ease-out fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-card{background:#fff;border-left:5px solid #667eea;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000014}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.event-card-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.event-card-title{margin:0 0 5px;font-size:1.3em;font-weight:700}.event-card-organizer{opacity:.9;margin:0;font-size:.85em}.event-card-body{padding:20px}.event-info{margin-bottom:15px}.event-info-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.85em;font-weight:600;display:block}.event-info-value{color:#333;word-break:break-word;font-size:.95em}.event-status{border-radius:20px;margin-top:10px;padding:6px 12px;font-size:.8em;font-weight:600;display:inline-block}.status-open{color:#27ae60;background:#e8f5e9}.status-closed{color:#e74c3c;background:#ffebee}.event-dates{border-top:2px solid #f0f0f0;margin-top:15px;padding-top:15px}.date-item{color:#666;justify-content:space-between;margin-bottom:8px;font-size:.85em;display:flex}.date-item-label{font-weight:600}.no-events-message{text-align:center;background:#fff;border-radius:12px;padding:60px 30px;box-shadow:0 4px 15px #00000014}.no-events-icon{margin-bottom:15px;font-size:3em}.no-events-message p{color:#666;margin:0;font-size:1.05em}.filter-bar{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.filter-btn{cursor:pointer;color:#666;white-space:nowrap;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.filter-btn:hover{color:#667eea;border-color:#667eea}.search-bar{background:#fff;border-radius:12px;margin-bottom:30px;padding:20px 30px;box-shadow:0 4px 15px #00000014}.search-bar input{border:2px solid #e0e0e0;border-radius:8px;width:100%;max-width:400px;padding:12px 15px;font-size:1em;transition:all .3s}.search-bar input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{text-align:center;background:#fff;border-top:4px solid #667eea;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000014}.stat-number{color:#667eea;margin:0;font-size:2.5em;font-weight:700}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:10px 0 0;font-size:.9em}.action-buttons{border-top:2px solid #f0f0f0;gap:10px;margin-top:15px;padding-top:15px;display:flex}.btn-action{cursor:pointer;text-align:center;border:none;border-radius:6px;flex:1;padding:10px 15px;font-size:.85em;font-weight:600;transition:all .3s}.btn-view{color:#fff;background:#667eea}.btn-view:hover{background:#764ba2}.btn-delete{color:#e74c3c;background:#ffebee}.btn-delete:hover{background:#ffcdd2}@media (max-width:768px){.dashboard-header{padding:20px}.dashboard-header h1{font-size:1.5em}.events-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-btn{width:100%}.search-bar input{max-width:100%}.action-buttons{flex-direction:column}}.addevent-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:40px 20px}.addevent-wrapper{background:#fff;border-radius:12px;max-width:800px;margin:0 auto;animation:.5s ease-out slideIn;overflow:hidden;box-shadow:0 10px 40px #0000001a}.addevent-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px 40px}.addevent-header h1{margin:0 0 10px;font-size:2em;font-weight:700}.addevent-header p{opacity:.9;margin:0;font-size:.95em}.addevent-form{padding:40px}.form-section{margin-bottom:35px}.form-section h2{color:#333;border-bottom:2px solid #667eea;margin:0 0 20px;padding-bottom:10px;font-size:1.2em}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:.95em;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:1em;transition:all .3s}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-row .form-group{margin-bottom:0}.file-input-wrapper{width:100%;display:inline-block;position:relative}.file-input-label{text-align:center;cursor:pointer;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border:2px dashed #667eea;border-radius:8px;padding:20px;transition:all .3s;display:block}.file-input-label:hover{background:linear-gradient(135deg,#e8ecf1 0%,#b8d7dd 100%);border-color:#764ba2}.file-input-label input{display:none}.file-input-text{color:#667eea;margin-bottom:5px;font-weight:600}.file-input-hint{color:#999;font-size:.85em}.image-preview{border:2px solid #e0e0e0;border-radius:8px;max-width:200px;margin-top:15px;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.button-group{border-top:2px solid #e0e0e0;gap:15px;margin-top:30px;padding-top:20px;display:flex}.submit-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-size:1em;font-weight:600;transition:all .3s}.submit-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.cancel-btn{color:#666;background:#f5f5f5;border:2px solid #e0e0e0}.cancel-btn:hover{background:#e8e8e8}.submit-btn:active,.cancel-btn:active{transform:translateY(0)}.loading-spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s linear infinite spin;display:inline-block}.error-message{color:#e74c3c;background:#ffebee;border-left:4px solid #e74c3c;border-radius:8px;margin-bottom:20px;padding:12px 15px}.success-message{color:#27ae60;background:#eafaf1;border-left:4px solid #27ae60;border-radius:8px;margin-bottom:20px;padding:12px 15px}.form-helper-text{color:#999;margin-top:5px;font-size:.85em}@media (max-width:768px){.addevent-wrapper{border-radius:0}.addevent-form{padding:30px 20px}.addevent-header{padding:25px 20px}.addevent-header h1{font-size:1.5em}.button-group{flex-direction:column}}