/* bf.ucagg.de pages - uca-theme-v1 colours with the app's space look */
*{box-sizing:border-box}html{background:#04040a}
body{margin:0;color:#f2f1f7;font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(60vmax 60vmax at 0% -10%,rgba(106,77,255,.35),transparent 60%),radial-gradient(50vmax 50vmax at 110% 20%,rgba(255,95,174,.2),transparent 60%),#04040a;min-height:100vh}
a{color:var(--uca-accent-text,#d2cefd)}.wrap{max-width:980px;margin:0 auto;padding:0 22px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#fff;text-decoration:none}.brand img{border-radius:9px}
.btn{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 24px;border-radius:18px;background:linear-gradient(120deg,#7b61ff,#b465ff 55%,#ff7ac6);color:#fff;font-weight:650;text-decoration:none;box-shadow:0 14px 40px rgba(150,90,255,.45)}
.btn.small{height:40px;padding:0 16px;border-radius:14px;font-size:15px}
h1{font-size:clamp(40px,9vw,84px);line-height:.98;letter-spacing:-.05em;margin:34px 0 18px;font-weight:800}
h1 span{background:linear-gradient(100deg,#a99bff,#ff8fd0 40%,#ffd5a5 70%,#8fe9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,2.4vw,21px);color:rgba(235,233,245,.75);max-width:640px;margin:0 0 28px}
.hero{display:grid;gap:34px;align-items:center;padding:10px 0 50px}
@media(min-width:860px){.hero{grid-template-columns:1.1fr .9fr}}
.shot{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 80px rgba(80,50,200,.4),0 0 0 1px rgba(255,255,255,.1)}
.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shot .after{clip-path:inset(0 0 0 50%)}
.shot i{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 18px 2px rgba(200,180,255,.9)}
.shot b{position:absolute;bottom:14px;padding:5px 11px;border-radius:14px;font-size:12px;background:rgba(0,0,0,.4);backdrop-filter:blur(10px)}.shot b.l{left:14px}.shot b.r{right:14px}
.pill{display:inline-flex;gap:8px;align-items:center;padding:7px 13px;border-radius:20px;background:rgba(127,214,164,.1);border:1px solid rgba(127,214,164,.25);color:#b9f0d2;font-size:13.5px;font-weight:600;margin-top:18px}
h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.03em;margin:50px 0 18px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{padding:20px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:rgba(235,233,245,.68);font-size:15px}
.prose{max-width:720px;padding-bottom:60px}.prose h1{font-size:clamp(34px,6vw,52px)}.prose h2{font-size:22px;margin:34px 0 8px}.prose p,.prose li{color:rgba(235,233,245,.8)}
.prose table{border-collapse:collapse;width:100%;font-size:14.5px}.prose td,.prose th{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
footer{border-top:1px solid rgba(255,255,255,.08);padding:26px 0 40px;margin-top:40px;display:flex;flex-wrap:wrap;gap:18px;font-size:14px}footer a{color:rgba(235,233,245,.55);text-decoration:none}