*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Poppins,system-ui,sans-serif;line-height:1.6;color:var(--text-light);background:var(--background);overflow-x:hidden}body.nav-open{overflow:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}input,textarea,select{font:inherit}:root{--background:#04072C;--surface:#080B38;--surface-border:#2F3150;--primary:#931822;--primary-dark:#7a1019;--primary-glow:rgba(147,24,34,.25);--secondary:#2F3150;--secondary-dark:#1e2040;--success:#2a9d8f;--text-light:#F8FAFC;--text-muted:#888888;--gray:#9ca3af;--light:#0d1045;--white:#ffffff;--gold:#e9c46a;--radius:3px;--radius-lg:3px;--radius-pill:2rem;--shadow:0 10px 25px rgba(0,0,0,.05);--shadow-lg:0 20px 50px rgba(0,0,0,.15);--shadow-glow:0 0 30px var(--primary-glow);--transition:.3s cubic-bezier(.4,0,.2,1);--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.9rem + .5vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .6vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + .75vw,1.5rem);--text-2xl:clamp(1.5rem,1.2rem + 1.5vw,2rem);--text-3xl:clamp(2rem,1.5rem + 2.5vw,3rem);--text-4xl:clamp(2.5rem,1.8rem + 3.5vw,4rem);--nav-height:4.5rem}h1,h2,h3,h4,h5,h6{font-family:Poppins,system-ui,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--text-light)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{font-size:var(--text-base);color:var(--text-muted)}.accent{color:var(--primary)}.subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:40ch;margin-inline:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-up{animation:fadeUp .6s var(--transition) both}.animate-in{animation:fadeIn .5s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.container{width:min(90%,1200px);margin-inline:auto}.section{padding:5rem 0}.section-dark{background:var(--surface);color:var(--text-light)}.section-dark p,.section-dark .subtitle{color:var(--text-muted)}.section-light{background:var(--light)}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:.75rem}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:2rem}.grid-4{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background var(--transition),box-shadow var(--transition),padding var(--transition);padding:.75rem 0}.nav.scrolled{background:#04072cf7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #2f315080;padding:.25rem 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height)}.nav-logo{display:flex;align-items:center;gap:.625rem;z-index:101;text-decoration:none}.nav-logo-img{width:40px;height:40px;object-fit:contain;flex-shrink:0;transition:transform var(--transition)}.nav.scrolled .nav-logo-img{width:34px;height:34px}.nav-logo-text{font-family:Poppins,system-ui,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-light);letter-spacing:.04em}.nav-logo-accent{color:var(--primary)}.nav-menu{display:flex;align-items:center;gap:.25rem}.nav-list{display:flex;gap:.125rem;align-items:center}.nav-link{color:#f8fafca6;padding:.5rem .875rem;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;transition:color var(--transition),background var(--transition);position:relative}.nav-link:hover{color:var(--text-light);background:#ffffff12}.nav-link.active{color:var(--text-light)}.nav-link.active:after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--primary);border-radius:1px}.nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-cta{margin-left:.75rem;font-size:var(--text-xs);padding:.5rem 1.25rem}.nav-toggle{display:none;flex-direction:column;gap:5px;z-index:101;padding:.5rem}.nav-toggle-bar{width:24px;height:2px;background:var(--text-light);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}@media(max-width:767px){.nav-toggle{display:flex}.nav-menu{position:fixed;inset:0;background:#04072cfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translate(100%);transition:transform var(--transition);z-index:100}.nav-menu.open{transform:translate(0)}.nav-list{flex-direction:column;gap:.5rem}.nav-link{font-size:var(--text-xl);padding:.75rem 2rem}.nav-link.active:after{bottom:.125rem;width:40%;height:2px}.nav-cta{margin-left:0;margin-top:1rem;font-size:var(--text-sm);padding:.75rem 2rem}[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius);font-weight:600;font-size:var(--text-sm);transition:background var(--transition),transform .15s ease,box-shadow var(--transition);white-space:nowrap}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.95)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--white);box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--secondary);color:var(--text-light)}.btn-secondary:hover{background:var(--secondary-dark)}.btn-outline{border:2px solid rgba(248,250,252,.3);color:var(--text-light);background:transparent}.btn-outline:hover{background:#f8fafc14;border-color:#f8fafc80}.btn-white{background:var(--white);color:var(--primary);box-shadow:var(--shadow)}.btn-white:hover{background:#f1f5f9}.btn-lg{padding:1rem 2.5rem;font-size:var(--text-base)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-height) + 2rem) 0 4rem;background:var(--background);overflow:hidden}.hero--img{background-size:cover;background-position:center 30%;background-repeat:no-repeat}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--primary-glow) 0%,transparent 70%),radial-gradient(circle at 20% 80%,rgba(47,49,80,.4) 0%,transparent 50%)}.hero--img:before{background:linear-gradient(180deg,#04072cbf,#04072c8c 40%,#04072ccc)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(4,7,44,.3) 100%)}.hero--img:after{background:none}.hero-content{position:relative;z-index:1;max-width:800px;padding:0 1.5rem}.hero h1{color:var(--text-light);margin-bottom:1rem}.hero h1 .accent{color:var(--primary)}.hero-subtitle{font-size:var(--text-xl);color:#f8fafcb3;margin-bottom:2rem;max-width:36ch;margin-inline:auto}.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);color:#f8fafce6;font-size:var(--text-sm);margin-bottom:2rem;backdrop-filter:blur(8px)}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#ffffff26}.card-icon{width:3rem;height:3rem;background:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--white);margin-bottom:1rem;font-size:1.5rem}.card h3{margin-bottom:.5rem;color:var(--text-light)}.card p{font-size:var(--text-sm)}.card-dark{background:#ffffff08;border:1px solid var(--surface-border)}.card-dark:hover{background:#ffffff0f;border-color:#93182266}.card-dark h3{color:var(--text-light)}.card-dark p{color:var(--text-muted)}.schedule-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.schedule-table th{background:var(--primary);color:var(--white);padding:1rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;text-align:left;text-transform:uppercase}.schedule-table td{padding:.75rem 1rem;border-bottom:1px solid var(--surface-border);font-size:var(--text-sm);vertical-align:top;color:var(--text-light)}.schedule-table tr:last-child td{border-bottom:none}.schedule-table tr:hover td{background:#ffffff08}.schedule-tag{display:inline-block;padding:.15rem .6rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.tag-lekis{background:#fef3c726;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.tag-barn{background:#dbeafe26;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.tag-ungdom{background:#d1fae526;color:#34d399;border:1px solid rgba(52,211,153,.2)}.tag-tavling{background:#fee2e226;color:#f87171;border:1px solid rgba(248,113,113,.2)}.tag-poomsae{background:#ede9fe26;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.tag-elit{background:#fce7f326;color:#f472b6;border:1px solid rgba(244,114,182,.2)}.tag-familj{background:#e0f2fe26;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}@media(max-width:767px){.schedule-table{display:block;border:none}.schedule-table thead{display:none}.schedule-table tbody,.schedule-table tr,.schedule-table td{display:block;width:100%}.schedule-table tr{padding:1rem;border-bottom:1px solid var(--surface-border);margin-bottom:.5rem;background:var(--surface);border-radius:var(--radius)}.schedule-table td{border-bottom:none;padding:.25rem 1rem}.schedule-table td:before{content:attr(data-label);font-weight:600;color:var(--primary);margin-right:.5rem;text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}}.card-img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;margin:-2rem -2rem 1.5rem;width:calc(100% + 4rem);display:block}.card-dark .card-img{border-radius:var(--radius) var(--radius) 0 0}.team-card{text-align:center;padding:2.5rem 2rem}.team-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;color:var(--white);box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--primary);overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-name{font-family:Poppins,sans-serif;font-size:var(--text-xl);font-weight:700;color:var(--text-light);margin-bottom:.25rem}.team-role{color:var(--primary);font-weight:600;font-size:var(--text-sm);margin-bottom:.75rem}.faq-item{border-bottom:1px solid var(--surface-border);overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;font-weight:600;font-size:var(--text-base);color:var(--text-light);text-align:left;gap:1rem}.faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.faq-question:after{content:"+";font-size:1.5rem;color:var(--primary);transition:transform var(--transition);flex-shrink:0}.faq-item.open .faq-question:after{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer p{padding-bottom:1.25rem;font-size:var(--text-sm);line-height:1.7;color:var(--text-muted)}.cta-section{text-align:center;padding:5rem 0;background:var(--surface);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--primary-glow) 0%,transparent 70%)}.cta-section h2{color:var(--text-light);margin-bottom:1rem;position:relative}.cta-section p{color:var(--text-muted);margin-bottom:2rem;max-width:36ch;margin-inline:auto;position:relative}.cta-section .btn{position:relative}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;font-size:var(--text-sm);color:var(--text-light);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius);font-size:var(--text-base);transition:border-color var(--transition),box-shadow var(--transition);background:var(--secondary);color:var(--text-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{resize:vertical;min-height:120px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.form-select option{background:var(--surface);color:var(--text-light)}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.contact-icon{width:2.5rem;height:2.5rem;background:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.footer{padding:4rem 0 2rem;background:var(--background);border-top:1px solid var(--surface-border)}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer-brand-link{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem;text-decoration:none}.footer-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.footer-brand{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-light);letter-spacing:.02em}.footer-tagline{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:.5rem}.footer-affiliation{font-size:var(--text-xs);color:#f8fafc66}.footer-heading{font-family:Poppins,sans-serif;font-size:var(--text-sm);font-weight:700;color:var(--text-light);margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition)}.footer-links a:hover{color:var(--text-light)}.footer-links li:not(:has(a)){color:var(--text-muted);font-size:var(--text-sm)}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{color:var(--text-muted);transition:color var(--transition)}.footer-social a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--surface-border);padding-top:2rem;text-align:center}.footer-bottom p{font-size:var(--text-xs);color:#f8fafc66}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a:focus-visible{border-radius:var(--radius)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.nav,.footer,.hero,.cta-section{display:none}body{color:#000;background:#fff}.section-dark{background:#fff;color:#000}.section-dark p{color:#333}.card{background:#fff;border:1px solid #ddd;color:#000}.card h3,.card h4{color:#000}.card p{color:#333}}