:root{--topbar-height:64px}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Liberation Sans,sans-serif}body{height:auto;min-height:100vh;overflow:auto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.MatFin .OPA .home,.kontakt,.noter,.login{justify-content:center;align-items:center;height:90vh;font-size:3rem;display:flex}.kontakt{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:100px}.noter{background-position:50%;background-size:fill;color:#fff;background-repeat:no-repeat;font-size:100px}.login,.MatFin .OPA{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:100px}.bg-glass-gradient{background-color:#171717;background-image:url(/images/grain.1ccdda41.webp),radial-gradient(200vh 120vh at 50% 120vh,#f27500 0%,#f16923 8%,#f15f2b 12%,#f1532d 25%,#f2733c 35%,#e77991 40%,#d38db7 44%,#9d90c4 50%,#5e78b6 62%,#36527e 72%,#222e40 82%,#1c2129 92%,#191a1c 100%),linear-gradient(#171717,#171717);background-position:50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat;background-size:60px 60px,cover,cover}.glass-card{border:1px solid var(--glass-card-border,#ffffff29);border-radius:var(--glass-card-radius,16px);padding:var(--glass-card-padding,24px);box-shadow:var(--glass-card-shadow,0 16px 32px #00000059);-webkit-backdrop-filter:blur(var(--glass-card-blur,40px));background:#1c1c1c;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.glass-card:hover{transform:translateY(var(--glass-card-translate,-4px));box-shadow:var(--glass-card-shadow-hover,0 20px 36px #00000073);border-color:var(--glass-card-border-hover,#ffffff47)}.glass-list-item{border:1px solid var(--glass-list-border,#ffffff29);border-radius:var(--glass-list-radius,10px);color:#fff;margin-bottom:var(--glass-list-gap,10px);padding:var(--glass-list-padding,14px 16px);background:0 0;transition:transform .15s,background .15s,border-color .15s;overflow:hidden}.glass-list-item:hover{transform:translateY(var(--glass-list-translate,-2px));background:var(--glass-list-hover-bg,#ffffff1f);border-color:var(--glass-list-border-hover,#ffffff47)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:1s ease-out forwards slideUp}.user-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.auth-callback-page{justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.auth-callback-card{text-align:center;color:#fff;background:#000c;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:360px;padding:32px}.auth-callback-card h1{margin:12px 0 8px;font-size:1.5rem}.auth-callback-card p{color:#fffc;margin:0 0 12px}.auth-callback-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.9s linear infinite auth-spin}.auth-callback-error{margin-top:12px}.auth-callback-error a{color:#7fbcff}@keyframes auth-spin{to{transform:rotate(360deg)}}
header.topbar-nav{z-index:1000;background:0 0;justify-content:center;width:100%;display:flex;position:fixed;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;height:64px;margin:0 auto;padding:0 16px;display:flex}.topbar-nav.scrolled{-webkit-backdrop-filter:blur(6px);background:#00000073;box-shadow:0 2px 6px #0003}.topbar-nav .left,.topbar-nav .right{align-items:center;gap:14px;display:flex}.topbar-nav .right{margin-left:auto}.topbar-nav .left{flex-wrap:wrap}.topbar-links{align-items:center;gap:14px;display:flex}.topbar-nav .brand{color:#fff;margin-right:10px;font-size:20px;font-weight:800;text-decoration:none}.topbar-nav .top-link{color:#e7eef5;border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .2s,color .2s}.topbar-nav .top-link:hover,.topbar-nav .top-link.active{color:#fff;background:#ffffff1f}.topbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px 0;display:none}.topbar-toggle span{background:#fff;border-radius:1px;width:22px;height:2px;transition:transform .25s,opacity .25s}.topbar-toggle.open span:first-child{transform:translateY(5px)rotate(45deg)}.topbar-toggle.open span:nth-child(2){opacity:0}.topbar-toggle.open span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.topbar-mobile-menu{width:100%;display:none}.topbar-mobile-menu.open{display:flex}.topbar-nav .cta{color:#000;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #00000026}.topbar-nav .cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00000038}.topbar-nav .cta:active{transform:translateY(0)}.topbar-nav .right .top-link,.mobile-auth .top-link{color:#fff;background:#272725;border:1px solid #333332;border-radius:8px;padding:8px 16px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.topbar-nav .right .top-link:hover,.mobile-auth .top-link:hover{color:#fff;background:#323230;transform:translateY(-1px);box-shadow:0 8px 16px #00000040}.topbar-nav .right .top-link:active,.mobile-auth .top-link:active{box-shadow:none;transform:translateY(0)}.topbar-avatar{color:#fff;object-fit:cover;background:#0e121ad9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:0 4px 10px #00000040}@media (max-width:768px){.topbar-inner{align-items:center;height:auto;padding:12px 16px}.topbar-links{display:none}.topbar-toggle{margin-left:auto;display:inline-flex}.topbar-mobile-menu{-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#03060ff2;flex-direction:column;gap:20px;width:100%;padding:32px 24px 48px;transition:opacity .25s,transform .25s;display:flex;position:fixed;inset:64px 0 0;transform:translateY(-16px)}.topbar-mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-links{flex-direction:column;gap:16px;display:flex}.mobile-nav-links .top-link{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:14px 18px;font-size:18px}.mobile-nav-links .top-link.active{background:#ffffff1f;border-color:#fff6}.mobile-auth{border-top:1px solid #ffffff14;flex-direction:column;gap:12px;margin-top:auto;padding-top:12px;display:flex}.mobile-auth .cta{text-align:center;width:100%}}