@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";:root{--bg: #020617;--bg-soft: #020617;--bg-card: rgba(15, 23, 42, .84);--border-soft: rgba(148, 163, 184, .35);--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .14);--accent-strong: #22c55e;--accent-grad: linear-gradient(135deg, #22c55e, #38bdf8);--text-main: #e5e7eb;--text-muted: #9ca3af}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Prompt,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at top,#0f172a 0,#020617 55% 100%);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(34,197,94,.14),transparent 55%),radial-gradient(circle at bottom right,rgba(56,189,248,.18),transparent 55%)}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.75rem;background:#0f172ae0;border-bottom:1px solid rgba(148,163,184,.4);backdrop-filter:blur(18px)}.header-left{display:flex;align-items:center;gap:.75rem}.logo{width:64px;height:64px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(34,197,94,.9);box-shadow:0 0 0 1px #0f172ae6,0 10px 25px #0000008c}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-th{font-size:1.2rem;font-weight:700;letter-spacing:.01em}.brand-en{font-size:.9rem;color:var(--text-muted)}@media (max-width: 640px){.brand-th{font-size:1.05rem}.brand-en{font-size:.8rem}}.nav{display:flex;align-items:center;gap:.4rem;font-size:.85rem;padding:.25rem .4rem;border-radius:999px;background:radial-gradient(circle at top,#0f172afa,#0f172ad1);border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 40px #0f172af2}.nav a{position:relative;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top,#0f172af5,#0f172ac7);color:#e5e7eb;text-decoration:none;box-shadow:0 10px 24px #0f172ae6;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.nav a:hover{transform:translateY(-1px);border-color:#94a3b8bf;background:radial-gradient(circle at top,#1e40aff2,#0f172afa);box-shadow:0 16px 32px #0f172a;text-decoration:none}.nav a:active{transform:translateY(0);box-shadow:0 6px 16px #0f172ae6}.nav-facebook{background:var(--accent-grad);color:#fff!important;border-color:transparent;font-weight:500;box-shadow:0 18px 36px #16a34a99}.nav-facebook:hover{background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 22px 44px #16a34abf}@media (max-width: 768px){.nav{flex-wrap:wrap;justify-content:flex-end}}main{flex:1}.section,.hero{padding:3.4rem 1.4rem}.section-alt{background:radial-gradient(circle at top right,#0f172ae6,#020617)}.section-inner,.hero-inner{max-width:1120px;margin:0 auto}.section-inner h2{font-size:1.7rem;margin-bottom:.75rem;letter-spacing:.01em}.section-inner h3{font-size:1.15rem;margin:1.5rem 0 .4rem}.section-inner p{margin:.4rem 0;line-height:1.8;color:var(--text-muted)}.section-inner ol{margin:.5rem 0 0;padding-left:1.4rem}.section-inner ol li{margin-bottom:.35rem}.hero{border-bottom:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top left,rgba(56,189,248,.25),transparent 55%),radial-gradient(circle at top right,rgba(34,197,94,.2),transparent 60%),#020617}.hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.4rem;align-items:center}.hero-content h1{font-size:clamp(1.9rem,3vw,2.4rem);margin-bottom:.85rem}.hero-highlight{display:inline-block;padding:.12rem .5rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.55);font-size:.86rem;color:var(--accent-strong);margin-bottom:.75rem}.hero-content p{max-width:40rem;line-height:1.9;color:var(--text-muted)}.hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.8rem}.hero-media{position:relative}.hero-media-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 0%,rgba(56,189,248,.5),transparent 55%),radial-gradient(circle at 80% 100%,rgba(34,197,94,.4),transparent 55%);filter:blur(32px);opacity:.9;pointer-events:none}.hero-media-shell{position:relative;border-radius:1.3rem;padding:.85rem;background:radial-gradient(circle at top,#0f172ae6,#020617);border:1px solid rgba(148,163,184,.5);box-shadow:0 22px 55px #000c,0 0 0 1px #0f172af2}.hero-image-grid{display:grid;grid-template-columns:1.1fr .95fr;gap:.65rem}.hero-image-grid img{width:100%;border-radius:.9rem;-o-object-fit:cover;object-fit:cover;aspect-ratio:4 / 3;border:1px solid rgba(148,163,184,.4)}.hero-image-grid img:nth-child(2){margin-top:.6rem}.hero-caption{margin-top:.75rem;font-size:.78rem;color:var(--text-muted)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:500;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.btn-primary{background:var(--accent-grad);color:#020617;box-shadow:0 15px 35px #16a34a73}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #16a34a8c}.btn-secondary{background:#0f172ae6;color:var(--text-main);border-color:#94a3b899}.btn-secondary:hover{background:#0f172a}.grid-2{display:grid;grid-template-columns:1.1fr 1.1fr;gap:1.75rem;margin-top:1.5rem}@media (max-width: 960px){.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-media{order:-1}}@media (max-width: 768px){.header{flex-wrap:wrap;gap:.75rem}.nav{flex-wrap:wrap;justify-content:flex-end}.grid-2{grid-template-columns:1fr}.hero,.section{padding:2.4rem 1.1rem}}.card{margin-top:1.4rem;padding:1.25rem 1.25rem 1.35rem;border-radius:.9rem;background:var(--bg-card);box-shadow:0 18px 35px #0f172ae6,0 0 0 1px #0f172acc;border:1px solid var(--border-soft);transition:transform .12s ease,box-shadow .12s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);border-color:#94a3b8d9;box-shadow:0 24px 45px #0f172a,0 0 0 1px #0f172af2}.card h3{margin-top:0}.activity-card ul,.card ul{padding-left:1.15rem;margin:.5rem 0 0}.activity-card li,.card li{margin-bottom:.32rem}.members-list{display:grid;gap:.4rem 1rem;margin-top:.75rem}.members-list div{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr);gap:.5rem}.members-list dt{font-weight:500;color:var(--text-muted)}.members-list dd{margin:0}.goals ol{margin:.5rem 0 0;padding-left:1.4rem}.goals li{margin-bottom:.35rem}.edtech-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-t:1.25rem}.edtech-card{border-radius:.9rem;overflow:hidden;background:#0f172af2;border:1px solid rgba(148,163,184,.55);display:flex;flex-direction:column}.edtech-card img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.edtech-card-body{padding:.75rem .85rem .85rem}.edtech-card-title{font-size:.9rem;margin-bottom:.2rem}.edtech-card-text{font-size:.78rem;color:var(--text-muted)}@media (max-width: 900px){.edtech-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.edtech-gallery{grid-template-columns:minmax(0,1fr)}}.journal-header{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.journal-text{max-width:640px}.journal-cover-link{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none}.journal-cover-image{width:min(260px,80vw);border-radius:.75rem;border:1px solid rgba(148,163,184,.7);box-shadow:0 18px 35px #0f172ae6,0 0 0 1px #0f172ad9;background-color:#020617;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.journal-cover-link:hover .journal-cover-image{transform:translateY(-2px);border-color:#94a3b8e6;box-shadow:0 24px 45px #0f172a,0 0 0 1px #0f172af2}.journal-cover-caption{font-size:.78rem;color:var(--text-muted);text-align:center;max-width:11rem}@media (max-width: 640px){.journal-text{padding:0 .5rem}}.journal-cta{margin-top:1.75rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.journal-note{font-size:.88rem;color:var(--text-muted)}.footer{border-top:1px solid rgba(148,163,184,.4);background:#0f172afa;padding:.9rem 1.7rem}.footer-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.84rem;color:var(--text-muted)}.footer-right{display:flex;gap:.75rem}.footer-right a{color:#38bdf8}.footer-right a:hover{text-decoration:underline}@media (max-width: 640px){.footer-inner{flex-direction:column;align-items:flex-start}}.fb-page-wrapper{display:flex;justify-content:center;margin-top:1.5rem}.fb-page-wrapper iframe{border-radius:.75rem;box-shadow:0 18px 35px #0f172acc}@media (max-width: 640px){.fb-page-wrapper iframe{height:520px}}.section{background:transparent}#about{background:radial-gradient(circle at top right,rgba(37,99,235,.35),transparent 55%),linear-gradient(to bottom,#020617,#020617);border-top:1px solid rgba(148,163,184,.35)}#members{background:radial-gradient(circle at center,#0f172ae6,#020617)}#activities{background:radial-gradient(circle at top left,rgba(34,197,94,.16),transparent 55%),radial-gradient(circle at bottom right,rgba(56,189,248,.18),transparent 55%),#020617;border-top:1px solid rgba(148,163,184,.3)}#journal{background:radial-gradient(circle at top,rgba(79,70,229,.32),transparent 55%),linear-gradient(to bottom,#020617,#020617);border-top:1px solid rgba(148,163,184,.3)}#contact{background:radial-gradient(circle at bottom left,rgba(22,163,74,.22),transparent 55%),#020617;border-top:1px solid rgba(148,163,184,.35)}#facebook{background:radial-gradient(circle at top right,rgba(56,189,248,.28),transparent 55%),#020617;border-top:1px solid rgba(148,163,184,.35)}.section-inner ol,.goals ol{list-style-type:decimal;list-style-position:outside;margin:.5rem 0 0;padding-left:1.4rem}.section-inner ol li,.goals ol li{margin-bottom:.35rem}.card a{color:#38bdf8;text-decoration:underline;text-underline-offset:.15em;font-weight:500}.card a:hover{color:#7dd3fc}