:root{--acem-yellow: #fed82f;--acem-blue-dark: #0c2432;--acem-blue: #1a5170;--acem-blue-light: #a0cfe9;--acem-bg: #f3f9fc;--acem-bg-light: #f8f9fc;--acem-text: #212529;--acem-text-light: #6c757d;--acem-green: #85d19a;--acem-white: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--acem-bg);color:var(--acem-text);line-height:1.6}.header{background:var(--acem-white);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo img{height:32px}.logo span{font-weight:600;color:var(--acem-blue-dark);font-size:1.25rem}nav{display:flex;gap:.5rem}nav button{background:none;border:none;color:var(--acem-blue);padding:.5rem 1rem;cursor:pointer;font-size:1rem;border-radius:4px;transition:background .2s}nav button:hover{background:var(--acem-bg);color:var(--acem-blue-dark)}.hero{background:linear-gradient(135deg,var(--acem-blue-dark) 0%,var(--acem-blue) 100%);color:var(--acem-white);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero h1{font-size:3rem;margin-bottom:.5rem;font-weight:700;position:relative}.hero .subtitle{font-size:1.25rem;opacity:.9;margin-bottom:.5rem;position:relative}.hero .tagline{font-size:1rem;opacity:.7;margin-bottom:2rem;position:relative}.cta{background:var(--acem-yellow);color:var(--acem-blue-dark);padding:1rem 2.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:600;position:relative;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.kurser{padding:2rem;max-width:900px;margin:0 auto}.kurser h1{margin-bottom:.5rem;color:var(--acem-blue-dark)}.kurser .intro{color:var(--acem-text-light);margin-bottom:1.5rem}.course-list{display:grid;gap:1rem}.course-card{display:flex;gap:1rem;background:var(--acem-white);padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;align-items:center;border:1px solid transparent}.course-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a;border-color:var(--acem-blue-light)}.date{background:var(--acem-blue);color:var(--acem-white);padding:.75rem 1rem;border-radius:8px;text-align:center;min-width:65px}.date .day{display:block;font-size:1.75rem;font-weight:700;line-height:1}.date .month{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.info{flex:1}.info h3{margin-bottom:.25rem;color:var(--acem-blue-dark);font-size:1.1rem}.info p{color:var(--acem-text-light);font-size:.9rem}.filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters select{padding:.6rem 1rem;border:1px solid #dde5ed;border-radius:8px;font-size:.9rem;background:var(--acem-white);cursor:pointer;color:var(--acem-text)}.filters select:focus{outline:none;border-color:var(--acem-blue);box-shadow:0 0 0 3px #1a51701a}.clear-filters{background:var(--acem-blue);color:var(--acem-white);border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s}.clear-filters:hover{background:var(--acem-blue-dark)}.arrow{color:var(--acem-blue);font-size:1.5rem;opacity:.5}.course-card:hover .arrow{opacity:1}.no-results{color:var(--acem-text-light);font-style:italic;text-align:center;padding:2rem}.instructors{color:var(--acem-blue);font-size:.85rem;margin-top:.25rem}.month-group{margin-bottom:2rem}.month-group:last-child{margin-bottom:0}.month-header{font-size:1.1rem;color:var(--acem-blue);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--acem-yellow);display:inline-block}.course-detail{max-width:800px;margin:0 auto;padding:2rem}.back-btn{background:none;border:none;color:var(--acem-blue);cursor:pointer;font-size:1rem;margin-bottom:1.5rem;padding:0;display:flex;align-items:center;gap:.5rem}.back-btn:hover{color:var(--acem-blue-dark)}.course-header{margin-bottom:2rem}.course-type{background:var(--acem-yellow);color:var(--acem-blue-dark);padding:.35rem .85rem;border-radius:20px;font-size:.85rem;display:inline-block;margin-bottom:.75rem;font-weight:600}.course-header h1{font-size:2rem;margin-bottom:1rem;line-height:1.3;color:var(--acem-blue-dark)}.course-meta{display:flex;gap:1.5rem;color:var(--acem-text-light);flex-wrap:wrap}.course-meta span{display:flex;align-items:center;gap:.5rem}.course-description{background:var(--acem-white);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.course-description h2{font-size:1.25rem;margin-bottom:.75rem;color:var(--acem-blue-dark)}.course-description p{line-height:1.7;color:var(--acem-text)}.course-instructors{background:var(--acem-white);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.course-instructors h2{font-size:1.25rem;margin-bottom:1rem;color:var(--acem-blue-dark)}.instructor-list{display:grid;gap:1rem}.instructor-card{display:flex;gap:1rem;padding:1.25rem;background:var(--acem-bg-light);border-radius:12px}.instructor-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--acem-blue) 0%,var(--acem-blue-dark) 100%);color:var(--acem-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.instructor-info h3{margin-bottom:.25rem;color:var(--acem-blue-dark)}.instructor-title{color:var(--acem-blue);font-size:.9rem;margin-bottom:.5rem;font-weight:500}.instructor-bio{color:var(--acem-text-light);font-size:.9rem;line-height:1.6}.course-pricing{background:var(--acem-white);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f}.course-pricing h2{font-size:1.25rem;margin-bottom:1rem;color:var(--acem-blue-dark)}.variant-list{display:grid;gap:.75rem}.variant-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--acem-bg-light);border-radius:12px}.variant-info{display:flex;flex-direction:column;gap:.25rem}.variant-title{font-weight:500;color:var(--acem-text)}.variant-price{font-size:1.35rem;font-weight:700;color:var(--acem-blue-dark)}.buy-btn{background:var(--acem-yellow);color:var(--acem-blue-dark);padding:.85rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.buy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sold-out{color:var(--acem-text-light);font-style:italic}.footer{text-align:center;padding:2rem;color:var(--acem-text-light);font-size:.85rem}@media (max-width: 600px){.header{padding:1rem}.hero{padding:3rem 1.5rem}.hero h1{font-size:2rem}.kurser,.course-detail{padding:1.5rem}.course-header h1{font-size:1.5rem}.course-meta{flex-direction:column;gap:.5rem}.variant-card{flex-direction:column;gap:1rem;text-align:center}.filters{flex-direction:column}.filters select{width:100%}}
