@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600&display=swap";:root{--hafen-cyan:#70edff;--tiefschwarz:#000;--reinweiss:#fff;--nebelgrau:#6b6b6b;--karte:#0e0f10;--linie:#ffffff1a;--fehler:#ff8a8a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--tiefschwarz);color:var(--reinweiss);-webkit-font-smoothing:antialiased;font-family:Poppins,sans-serif;font-size:16px;line-height:1.8}h1,h2,h3,button{font-family:League Spartan,sans-serif}::selection{background:var(--hafen-cyan);color:var(--tiefschwarz)}:focus-visible{outline:2px solid var(--hafen-cyan);outline-offset:3px;border-radius:2px}.hm-wave{aspect-ratio:5/2;object-fit:cover;width:96px;animation:.8s cubic-bezier(.2,.7,.2,1) both hm-blur-fade}@keyframes hm-swell{0%{opacity:1}to{opacity:.45}}.hm-label{letter-spacing:.18em;text-transform:uppercase;color:var(--nebelgrau);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:color .25s}.hm-login{flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:100vh;padding:48px 24px;display:flex}.hm-login-card{flex-direction:column;gap:8px;width:100%;max-width:360px;animation:.7s cubic-bezier(.2,.7,.2,1) .35s both hm-rise;display:flex;position:relative}@keyframes hm-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hm-login h1{letter-spacing:-.01em;text-align:center;font-size:2.4rem;font-weight:700}.hm-one{color:var(--hafen-cyan)}.hm-login-sub{color:var(--nebelgrau);text-align:center;margin-bottom:24px;font-size:.9rem}.hm-field{flex-direction:column;gap:2px;margin-bottom:20px;display:flex}.hm-field:focus-within .hm-label{color:var(--hafen-cyan)}.hm-field input{color:var(--reinweiss);border:none;border-bottom:1px solid var(--linie);background:0 0;background-image:linear-gradient(var(--hafen-cyan), var(--hafen-cyan));background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding:10px 2px;font-family:Poppins,sans-serif;font-size:1rem;transition:background-size .35s cubic-bezier(.65,0,.35,1)}.hm-field input:focus{background-size:100% 2px;outline:none}.hm-field input::placeholder{color:#ffffff40}.hm-field input:-webkit-autofill{-webkit-text-fill-color:var(--reinweiss);-webkit-box-shadow:0 0 0 100px var(--tiefschwarz) inset}.hm-error{color:var(--fehler);border-left:2px solid var(--fehler);margin-bottom:20px;padding-left:12px;font-size:.85rem;animation:.3s both hm-rise}.hm-button{background:var(--hafen-cyan);color:var(--tiefschwarz);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:15px 24px 13px;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s}.hm-button:hover{transform:scale(1.03);box-shadow:0 6px 28px #70edff59}.hm-button:active{box-shadow:none;transform:scale(.98)}.hm-info{color:var(--nebelgrau);text-align:center;flex-direction:column;gap:10px;margin-top:32px;font-size:.78rem;line-height:1.7;display:flex}.hm-link{font:inherit;color:var(--hafen-cyan);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding:0;transition:border-color .2s}.hm-link:hover{border-bottom-color:var(--hafen-cyan)}.hm-button:disabled{opacity:.7;cursor:wait;box-shadow:none;transform:none}.hm-start{justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.hm-nebula{pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 50% 38%,#70edff12,#0000 70%);position:fixed;inset:0}.hm-nebula:before,.hm-nebula:after{content:"";filter:blur(90px);will-change:transform;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.hm-nebula:before{background:radial-gradient(circle,#70edff1a,#0000 65%);animation:26s ease-in-out infinite alternate hm-drift-a;top:-20vmax;left:-15vmax}.hm-nebula:after{background:radial-gradient(circle,#5a6eff17,#0000 65%);animation:32s ease-in-out infinite alternate hm-drift-b;bottom:-25vmax;right:-15vmax}@keyframes hm-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(12vmax,8vmax)scale(1.15)}}@keyframes hm-drift-b{0%{transform:translate(0)scale(1.1)}to{transform:translate(-10vmax,-8vmax)scale(.95)}}.hm-start-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.hm-start-wave{width:96px;margin-bottom:16px}.hm-blur-fade{animation:.8s cubic-bezier(.2,.7,.2,1) both hm-blur-fade}@keyframes hm-blur-fade{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}.hm-start-eq{justify-content:center;align-items:flex-end;gap:5px;height:44px;margin-top:36px;display:flex}.hm-start-eq span{background:linear-gradient(to top, #70edff26, var(--hafen-cyan));transform-origin:bottom;border-radius:999px;width:4px;animation-name:hm-eq;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes hm-eq{0%{opacity:.45;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.hm-start .hm-title{letter-spacing:-.01em;font-size:2.4rem;font-weight:700;line-height:1.15}.hm-start-prosa{color:var(--nebelgrau);max-width:36ch;margin-top:16px;font-size:.95rem}.hm-start-actions{flex-direction:column;gap:14px;width:100%;max-width:320px;margin-top:36px;display:flex}.hm-tile--locked{pointer-events:none;opacity:.5;cursor:not-allowed}.hm-start-question{color:var(--nebelgrau);font-size:.82rem;line-height:1.7}.hm-start-actions .hm-start-question:last-child{margin-top:24px}.hm-menu{flex-direction:column;min-height:100vh;display:flex}.hm-menu-header{justify-content:flex-end;align-items:center;padding:24px 32px;display:flex}.hm-signout{border:1px solid var(--linie);color:var(--nebelgrau);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:color .2s,border-color .2s}.hm-signout:hover{color:var(--reinweiss);border-color:var(--hafen-cyan)}.hm-menu-main{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.hm-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:760px;display:grid}@media (width<=720px){.hm-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=440px){.hm-grid{grid-template-columns:1fr}}.hm-tile{aspect-ratio:4/3;background:var(--karte);border:1px solid var(--linie);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:transform .25s,border-color .25s,box-shadow .25s;animation:.6s cubic-bezier(.2,.7,.2,1) both hm-rise;display:flex}.hm-tile:first-child{animation-delay:50ms}.hm-tile:nth-child(2){animation-delay:.12s}.hm-tile:nth-child(3){animation-delay:.19s}.hm-tile:nth-child(4){animation-delay:.26s}.hm-tile:nth-child(5){animation-delay:.33s}.hm-tile:nth-child(6){animation-delay:.4s}.hm-tile--app{text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:20px}.hm-tile-label{color:var(--hafen-cyan);margin-bottom:auto;font-size:10px}.hm-tile-name{color:var(--reinweiss);font-family:League Spartan,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.hm-tile-desc{color:var(--nebelgrau);font-family:Poppins,sans-serif;font-size:.78rem;line-height:1.5}.hm-tile .hm-tile-wave{opacity:0;width:52px;transition:opacity .25s,transform .25s;animation:none;transform:translateY(4px)}.hm-tile:hover,.hm-tile:focus-visible{border-color:#70edff8c;transform:translateY(-4px);box-shadow:0 10px 32px #70edff14}.hm-tile:hover .hm-tile-wave,.hm-tile:focus-visible .hm-tile-wave{opacity:.6;transform:none}.hm-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.hm-loading .hm-wave{width:72px;animation:1s ease-in-out infinite alternate hm-swell}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}