:root{--petrol:#541cc1;--dark:#111111;--lime:#ffe600;--coral:#ff0095;--cream:#ffffff;--muted:#5d7180;--line:#d9e5e8;--white:#fff;--shadow:0 18px 45px rgba(6,43,74,.14)}
body{background:radial-gradient(circle at 92% 8%,rgba(0,207,232,.12),transparent 25%),radial-gradient(circle at 7% 78%,rgba(255,20,91,.08),transparent 28%),var(--cream)}
.site-header{border-bottom-color:rgba(6,43,74,.14);box-shadow:0 6px 24px rgba(6,43,74,.05)}
.brand b,.site-header nav a{color:var(--dark)}
.brand small{color:var(--muted)}
.site-header nav a:hover{background:rgba(0,207,232,.12)}
.primary,.download{background:linear-gradient(120deg,#111111,#087f99);box-shadow:5px 5px 0 #ffe600}
.primary:hover,.download:hover{background:linear-gradient(120deg,#ff0095,#ff6b3d)}
.hero{background:linear-gradient(120deg,#ffffff 0 68%,rgba(255,185,0,.22) 68% 82%,rgba(0,207,232,.18) 82%);border-bottom-color:#ff0095}
.eyebrow{color:#ff0095}
.topic-nav a.active,.topic-nav a:hover{background:#111111;border-color:#111111}
.document-card,.panel,.admin-item,.login-card,.auth-card{border-top-color:#16c8ef}
.document-card:hover{box-shadow:0 18px 45px rgba(255,20,91,.14)}
.kind,.state{background:rgba(0,207,232,.12);color:#075d70}
.kind.aufgabe{background:rgba(255,185,0,.2);color:#775700}
.kind.loesung{background:rgba(255,20,91,.12);color:#a60039}
.alert.success{background:#fff5ce;border-color:#ffe600}
.alert.error{background:#fff0f5;border-color:#ff0095}
footer{background:#111111}
footer span:last-child,footer a{color:#ffcf25}
input:focus,select:focus,textarea:focus{outline-color:rgba(0,207,232,.34);border-color:#541cc1}