@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;700&family=Inter:wght@400;500;600&display=swap";:root{--color-bg: #f5f0eb;--color-fg: #1c1916;--color-muted: #6b6258;--color-card: #ffffff;--color-border: #e6dfd4;--color-primary: #6090d0;--color-primary-dark: #4a78b8;--color-secondary: #f0c0b0;--color-tertiary: #f0b0b0;--color-accent: #a02828;--color-accent-soft: #c04848;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--gradient-hero: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-fg);line-height:1.5}.container{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-3)}h1{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-3)}h2{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.01em;margin:var(--space-5) 0 var(--space-3)}h3{font-family:var(--font-display);font-size:18px;font-weight:500;margin:0 0 var(--space-2)}.hero{background:var(--gradient-hero);color:#fff;padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-4);position:relative;overflow:hidden}.hero h1{color:#fff}.hero .muted{color:#ffffffd9}.hero .sparkle{position:absolute;top:16px;right:16px;opacity:.6}.hero .kb-logo{height:32px;margin-bottom:var(--space-3)}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0}.lecturer-card{background:var(--color-card);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0;display:grid;grid-template-columns:80px 1fr;gap:var(--space-3);align-items:center}.lecturer-card .portrait{width:80px;height:80px;border-radius:50%;object-fit:cover}.lecturer-card .daria-mark{display:block;margin-top:8px;opacity:.9}.lecturer-card .label{color:var(--color-accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.lecturer-card .name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-fg)}.lecturer-card .bio{color:var(--color-muted);font-size:14px;margin-top:4px}button.cta{background:var(--color-primary);color:#fff;border:0;padding:14px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:background .15s}button.cta:hover:not(:disabled){background:var(--color-primary-dark)}button.cta:disabled{opacity:.5;cursor:not-allowed}textarea,input,select{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;background:var(--color-card)}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--color-primary)}.error{color:var(--color-accent);font-size:14px}.muted{color:var(--color-muted)}.progress{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--space-3)}.progress>span{display:block;height:100%;background:var(--color-primary);transition:width .2s}
