:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blueberry: #7253F3;--ice: #00CBE5;--pink: #FF6BF2;--orange: #FF691D;--black: #000000;--white: #FFFFFF;--primary: var(--blueberry);--primary-alpha: rgba(114, 83, 243, .15);--primary-dark: #5a3dd4;--bg: #f8f9fc;--surface: var(--white);--border: rgba(114, 83, 243, .12);--text: var(--black);--text-secondary: #374151;--text-muted: #6b7280;--bg-hover: rgba(114, 83, 243, .06);--radius: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow: 0 2px 12px rgba(114, 83, 243, .06);--shadow-lg: 0 8px 32px rgba(114, 83, 243, .12);--gradient-primary: linear-gradient(135deg, var(--blueberry) 0%, var(--pink) 100%);--gradient-hero: linear-gradient(135deg, var(--blueberry) 0%, var(--ice) 50%, var(--pink) 100%);--gradient-accent: linear-gradient(135deg, var(--ice) 0%, var(--blueberry) 100%);--gradient-warm: linear-gradient(135deg, var(--orange) 0%, var(--pink) 100%);--font-headline: "Nunito", "DM Sans", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0f;--surface: #12121a;--border: rgba(114, 83, 243, .2);--text: var(--white);--text-secondary: #d1d5db;--text-muted: #9ca3af;--bg-hover: rgba(114, 83, 243, .1);--shadow: 0 2px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit;font-size:1rem}h1,h2,.headline{font-family:var(--font-headline);font-style:italic;font-weight:700;letter-spacing:-.02em}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0 0 .25rem;font-size:1.75rem}.page-header p{margin:0;color:var(--text-secondary)}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.75rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-family:var(--font-headline);font-weight:700;font-style:italic;font-size:1.35rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.02em}.logo:hover{text-decoration:none}.nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius);transition:all .2s ease}.nav a:hover{color:var(--primary);background:var(--bg-hover)}.nav a.active{color:var(--primary);background:var(--primary-alpha)}.user-name{font-size:.9rem;color:var(--text-secondary);margin-right:.25rem}.main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.footer{padding:1rem 1.5rem;text-align:center;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{padding:.55rem 1.1rem;border-radius:var(--radius);font-weight:600;cursor:pointer;border:none;font-size:.95rem;transition:all .2s ease}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #7253f34d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #7253f359}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover);color:var(--primary);border-color:var(--primary)}.home{padding:2rem 0}.hero{text-align:center;padding:4rem 1.5rem;max-width:720px;margin:0 auto 4rem;position:relative}.hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:120%;height:140%;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(114,83,243,.08) 0%,rgba(0,203,229,.04) 40%,transparent 70%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero h1{font-family:var(--font-headline);font-style:italic;font-weight:700;font-size:3rem;margin:0 0 .5rem;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.1}.hero-claim{font-family:var(--font-headline);font-style:italic;font-weight:600;font-size:1rem;color:var(--ice);margin:0 0 1rem;letter-spacing:.08em;text-transform:lowercase}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0 0 1.75rem;line-height:1.65}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-lg{padding:.85rem 1.75rem;font-size:1rem;border-radius:var(--radius-lg)}.features h2{text-align:center;margin-bottom:2rem;font-size:1.6rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card{position:relative;padding:1.5rem 1.5rem 1.5rem 4rem;border-radius:var(--radius-lg);transition:all .25s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#7253f333}.feature-num{position:absolute;left:1.25rem;top:1.5rem;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;font-family:DM Sans,sans-serif}.feature-card h3{margin:0 0 .5rem;font-size:1.15rem;font-family:var(--font-headline);font-style:italic;font-weight:700;color:var(--text)}.feature-card p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.auth-page{display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;min-height:60vh}.auth-card{width:100%;max-width:420px}.auth-card h1{margin:0 0 .25rem;font-size:1.6rem;font-family:var(--font-headline);font-style:italic;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.95rem}.auth-error{padding:.75rem 1rem;margin-bottom:1rem;background:#ff6bf21a;border:1px solid rgba(255,107,242,.25);border-radius:var(--radius);color:var(--pink);font-size:.9rem}.btn-block{width:100%;margin-top:.5rem}.auth-footer{margin:1.25rem 0 0;text-align:center;font-size:.95rem;color:var(--text-secondary)}.auth-footer a{font-weight:600}.spider-chart{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.spider-chart-title{margin:0 0 1rem;font-size:1.1rem;font-family:var(--font-headline);font-style:italic;font-weight:700;color:var(--text)}.dashboard-cta{text-align:center;padding:2rem}.dashboard-cta h2{margin:0 0 .5rem;font-size:1.35rem;font-family:var(--font-headline);font-style:italic}.dashboard-cta p{margin:0 0 1.5rem;color:var(--text-secondary)}.dashboard-result h2{margin:0 0 .5rem;font-size:1.35rem;font-family:var(--font-headline);font-style:italic}.result-meta{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem}.dashboard-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.reifegrad-test{max-width:560px;margin:0 auto}.test-card{padding:2rem;border-radius:var(--radius-lg)}.test-load-warning{margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-hover);border-radius:var(--radius);border-left:4px solid var(--primary)}.test-load-warning p{margin:0 0 .5rem;font-size:.9rem;color:var(--text)}.test-load-warning p code{font-size:.85em;padding:.1em .35em;background:var(--surface);border-radius:var(--radius)}.test-load-warning .btn-sm{font-size:.85rem;padding:.35rem .75rem}.test-progress{position:relative;height:10px;background:var(--bg-hover);border-radius:var(--radius);margin-bottom:1.5rem;overflow:hidden}.test-progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius);transition:width .2s ease}.test-progress span{display:block;text-align:right;font-size:.85rem;color:var(--text-muted);margin-top:.35rem}.test-progress-fallback{display:inline;font-size:.8rem;font-style:italic;color:var(--text-muted)}.test-question{margin:0 0 .25rem;font-size:1.2rem}.test-dimension{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9rem}.test-options{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;justify-content:center}.option-btn{width:48px;height:48px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.option-btn:hover{border-color:var(--primary);background:var(--primary-alpha)}.option-btn.selected{border-color:var(--primary);background:var(--gradient-primary);color:#fff}.test-legend{margin:0 0 .25rem;font-size:.85rem;color:var(--text-muted)}.test-keyboard-hint{margin:0 0 1.5rem;font-size:.8rem;color:var(--text-muted);opacity:.85}.test-nav{display:flex;justify-content:space-between;gap:1rem}.recommendation-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.recommendation-card h2{margin:0 0 .5rem;font-size:1.2rem;font-family:var(--font-headline);font-style:italic}.rec-description{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.rec-measures h3{margin:0 0 .5rem;font-size:1rem;color:var(--text)}.rec-measures ul{margin:0;padding-left:1.25rem}.rec-measures li{margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.measure-type{font-size:.75rem;padding:.25rem .6rem;border-radius:var(--radius);text-transform:uppercase;font-weight:600}.type-video{background:#00cbe526;color:var(--ice)}.type-task{background:#7253f326;color:var(--blueberry)}.type-workshop{background:#ff691d26;color:var(--orange)}.measure-duration{font-size:.85rem;color:var(--text-muted)}.all-measures-cta{margin-top:1rem}.all-measures-cta h2{margin:0 0 .5rem;font-size:1.2rem;font-family:var(--font-headline);font-style:italic}.all-measures-cta p{margin:0 0 1rem;color:var(--text-secondary)}.bookings-list{margin-bottom:2rem}.bookings-list h2{margin:0 0 .75rem;font-size:1.2rem;font-family:var(--font-headline);font-style:italic}.bookings-list ul{margin:0;padding:0;list-style:none}.bookings-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.bookings-list li:last-child{border-bottom:none}.bookings-list .status-note{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary);font-weight:400}.status{font-size:.8rem;padding:.25rem .6rem;border-radius:var(--radius);text-transform:uppercase;font-weight:600}.status-pending{background:#ff691d26;color:var(--orange)}.status-confirmed{background:#00cbe526;color:var(--ice)}.status-completed{background:#7253f326;color:var(--blueberry)}.status-cancelled{background:#ff6bf226;color:var(--pink)}.date{font-size:.9rem;color:var(--text-muted);margin-left:auto}.measures-section{margin-bottom:2rem}.measures-section h2{margin:0 0 1rem;font-size:1.25rem;font-family:var(--font-headline);font-style:italic}.measure-card{position:relative;padding-top:2rem;border-radius:var(--radius-lg)}.measure-card:has(.viewed-badge){padding-top:2.75rem}.measure-card.highlighted{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.measure-card .measure-type{position:absolute;top:1rem;right:1rem;font-size:.7rem;padding:.25rem .6rem;border-radius:var(--radius);text-transform:uppercase;font-weight:600}.measure-card h3{margin:0 0 .5rem;font-size:1.05rem}.measure-card p{margin:0 0 .75rem;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.measure-card .duration{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.measure-card .btn{margin-right:.5rem;margin-top:.25rem}.btn-sm{padding:.4rem .75rem;font-size:.9rem;border-radius:var(--radius)}.viewed-badge{position:absolute;top:1rem;right:1rem;left:auto;font-size:.7rem;padding:.25rem .6rem;border-radius:var(--radius);text-transform:uppercase;font-weight:600;background:#7253f326;color:var(--blueberry)}.measure-card:has(.viewed-badge) .measure-type{right:7.5rem}.video-page{max-width:720px;margin:0 auto}.video-nav{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.video-card{margin-bottom:0}.video-title{margin:0 0 .25rem;font-size:1.35rem}.video-duration{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.video-description{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.video-embed-wrapper{max-width:560px;margin:0 auto;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 8px #00000014}.video-embed{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden}.video-embed .youtube-embed{position:relative;width:100%;padding-bottom:56.25%;height:0}.video-embed .youtube-embed>div{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.video-embed iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.admin-page{max-width:900px}.admin-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem}.tab-btn{padding:.5rem 1rem;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .2s ease}.tab-btn:hover{background:var(--bg-hover);color:var(--text)}.tab-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.admin-section h2{margin:0 0 1rem;font-size:1.2rem;font-family:var(--font-headline);font-style:italic}.admin-list{list-style:none;margin:0 0 1rem;padding:0}.admin-list li{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;background:var(--surface);flex-wrap:wrap;gap:.5rem}.admin-list-item-clickable{cursor:pointer;transition:background .15s ease}.admin-list-item-clickable:hover{background:var(--bg-hover)!important}.admin-list-header{margin-bottom:1rem}.admin-list li .title{font-weight:600}.admin-list li .meta{font-size:.85rem;color:var(--text-muted)}.admin-actions{display:flex;gap:.5rem}.admin-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.admin-form h3{margin:0 0 1rem;font-size:1.1rem;font-family:var(--font-headline);font-style:italic}.admin-form .form-group{margin-bottom:1rem}.admin-form .form-actions{display:flex;gap:.75rem;margin-top:1rem}.admin-form input[type=checkbox]{width:auto;margin-right:.5rem}.admin-form .checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.dimension-filters{display:flex;flex-direction:column;gap:.5rem}.dimension-filter-row{display:flex;align-items:center;gap:.75rem}.dimension-filter-label{min-width:180px;font-size:.9rem}.dimension-filter-row input{width:5rem}.text-muted{color:var(--text-muted);font-size:.95rem}.admin-list .status{font-size:.8rem;padding:.25rem .6rem;border-radius:var(--radius);text-transform:uppercase;font-weight:600}.admin-list .status-pending{background:#ff691d26;color:var(--orange)}.admin-list .status-confirmed{background:#00cbe526;color:var(--ice)}.admin-list .status-completed{background:#7253f326;color:var(--blueberry)}.admin-list .status-cancelled{background:#ff6bf226;color:var(--pink)}