@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Crimson+Pro:ital,wght@0,300;0,400;1,300&family=Inter:wght@300;400&display=swap";.header-base{background:var(--navy);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.header-left{align-items:center;gap:20px;display:flex}.header-logo-img{filter:drop-shadow(0 4px 8px #00000026);width:auto;height:70px;margin-top:10px;display:block}.header-right{justify-content:center;align-items:center;gap:40px;display:flex}.nav-menu{gap:25px;margin:0;padding:0;font-family:Cinzel Decorative,serif;font-size:14px;list-style:none;display:flex}.nav-link{color:var(--text-dim);padding-bottom:5px;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--gold-pale);border-bottom:2px solid var(--gold)}.header-search{flex:1;align-items:center;max-width:400px;margin:0 40px;display:flex;position:relative}.search-input{width:100%;color:var(--text);background:#ffffff0d;border:1px solid #fff3;border-radius:20px;outline:none;padding:10px 15px 10px 40px}.search-icon-lucide{color:var(--gold-light);pointer-events:none;filter:drop-shadow(0 0 5px #c9943a4d);position:absolute;left:14px}.search-input:focus{border-color:var(--gold-light);background:#ffffff1a;box-shadow:0 0 15px #c9943a1a}.btn-create{background:linear-gradient(135deg, var(--gold), var(--gold-light));letter-spacing:.1em;text-transform:uppercase;color:var(--navy);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 20px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px #c9943a40}.btn-create:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #c9943a59}.btn-create:active{transform:translateY(0)}.avatar-trigger{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:background .2s;display:flex}.avatar-trigger:hover{background:#c9943a14}.avatar-img{object-fit:cover;border:1px solid #c9943a66;border-radius:50%;width:32px;height:32px}.avatar-letter{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:32px;height:32px;color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Cinzel Decorative,serif;font-size:13px;font-weight:700;display:flex}.avatar-chevron{color:var(--text-dim);transition:transform .2s}.avatar-chevron.open{transform:rotate(180deg)}.header-nickname{color:var(--gold-light);font-family:Cinzel Decorative,serif;font-size:14px}.header-user{align-items:center;gap:12px;display:flex;position:relative}.dropdown-menu{background:var(--navy);z-index:100;border:1px solid #c9943a33;border-radius:12px;min-width:220px;padding:8px;animation:.15s fadeUp;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 48px #00000080}.dropdown-header{align-items:center;gap:12px;padding:8px 10px 12px;display:flex}.dropdown-nickname{color:var(--text);font-family:Cinzel Decorative,serif;font-size:13px}.dropdown-badge{color:var(--gold-light);margin-top:2px;font-size:11px}.dropdown-divider{background:#c9943a26;height:1px;margin:6px 0}.dropdown-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);padding:4px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:300}.dropdown-item{width:100%;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-family:Inter,sans-serif;font-size:14px;transition:background .15s,color .15s;display:flex}.dropdown-item:hover{color:var(--text);background:#c9943a14}.dropdown-item-sub{padding-left:14px;font-size:13px}.dropdown-item-logout{color:#ff6464b3}.dropdown-item-logout:hover{color:#ff6b7a;background:#dc35451a}.dropdown-item-admin{color:var(--gold-light)}.dropdown-item-admin:hover{color:var(--gold);background:#c9943a1f}.dropdown-item-mod{color:var(--teal-light,#46b0aa)}.dropdown-item-mod:hover{color:var(--teal,#2a9d8f);background:#46b0aa1a}.master-header{flex-direction:row;gap:30px;max-width:100%;display:flex}.master-right{flex-direction:column;justify-items:left;max-width:50%;display:flex}.master-left{max-width:50%;display:flex}.home-content{flex-direction:row;justify-content:space-between;gap:30px;max-width:80%;margin-top:30px;display:flex}.content-frame{border:.5px solid var(--text-dim);background-color:var(--navy);max-height:100px;color:var(--text-dim);-webkit-backdrop-filter:blur(10px);background:#15233880;border:1px solid #c9943a33;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;padding:10px;font-size:13px;display:flex;box-shadow:0 4px 15px #0006}.text-frame{text-transform:uppercase;color:var(--text);opacity:.8;font-family:Inter,sans-serif;font-size:13px;font-weight:300}.frame-icon{border:1px solid var(--text-dim);background-color:var(--navy);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.frame-text{text-align:left;flex-direction:column;width:230px;margin-left:5px;display:flex}.home-footer{background-color:var(--navy);max-height:100px;color:var(--text-dim);border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:15px;padding:10px;font-size:13px;display:flex}.card-footer{background:#152338b3;border:1px solid #c9943a33;border-radius:16px;flex-direction:column;margin-top:30px;margin-bottom:30px;padding:20px 28px;display:flex;box-shadow:0 8px 48px #0006,inset 0 1px #c9943a1a}.footer-news{border-bottom:var(--gold);flex-direction:row;gap:5px;display:flex}.footer-news-img{background-color:#46b0aa;width:50px;height:50px}.footer-news-teaser{color:var(--text)}.card-footer-left{background:#152338b3;border:1px solid #c9943a33;border-radius:16px;flex-direction:row;gap:10px;margin-top:30px;margin-bottom:30px;padding:20px 28px;display:flex;box-shadow:0 8px 48px #0006,inset 0 1px #c9943a1a}.zitat{color:var(--gold-light);flex-direction:column;font-style:italic;display:flex}.zitat-text{color:var(--text)}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#152338b3;border:1px solid #c9943a33;border-radius:16px;width:100%;max-width:420px;margin-bottom:30px;padding:20px 28px;animation:1s .5s both fadeUp;box-shadow:0 8px 48px #0006,inset 0 1px #c9943a1a}.card-title{letter-spacing:.1em;color:var(--gold-light);text-align:center;font-family:Cinzel Decorative,serif;font-size:13px;font-weight:400}.features-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);text-align:left;margin-bottom:14px;font-family:Inter,sans-serif;font-size:11px;font-weight:300}.features-grid{flex-direction:column;gap:10px;display:flex}.feature-check{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:background .2s,border-color .2s;display:flex}.feature-check:hover{background:#c9943a0f;border-color:#c9943a26}.feature-check input[type=checkbox]{display:none}.check-box{background:#0d1b2ecc;border:1px solid #c9943a66;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.check-icon{opacity:0;color:var(--navy);font-size:11px;font-weight:700;transition:all .2s;transform:scale(.5)}.feature-check input:checked~.check-box{background:linear-gradient(135deg, var(--gold), var(--gold-light));border-color:var(--gold)}.feature-check input:checked~.check-box .check-icon{opacity:1;transform:scale(1)}.feature-check input:checked~.feature-text{color:var(--gold-pale)}.feature-text{color:var(--text-dim);text-align:left;font-size:16px;transition:color .2s}.feature-desc{color:#9a8e7a99;text-align:left;margin-top:1px;font-family:Inter,sans-serif;font-size:12px;font-weight:300}.success-msg{text-align:center;padding:16px;display:none}.success-msg.show{animation:.5s fadeIn;display:block}.success-icon{margin-bottom:8px;font-size:32px}.success-title{color:var(--gold-light);margin-bottom:6px;font-family:Cinzel Decorative,serif;font-size:16px}.success-text{color:var(--text-dim);font-size:15px;font-style:italic}.eyebrow-home{letter-spacing:.35em;text-transform:uppercase;color:var(--gold);opacity:.8;text-align:left;margin-bottom:12px;font-family:Inter,sans-serif;font-size:11px;font-weight:300}.tagline-home{color:var(--text-dim);text-align:left;margin-top:16px;font-size:clamp(16px,2.5vw,21px);font-weight:300;line-height:1.6}.tagline-home-sub{letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-top:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:300}.text-feld{text-align:left;flex-direction:row;gap:4px;margin-top:10px;font-size:24px;display:flex}.text-hell{color:var(--text)}.text-gold{color:var(--gold-light);text-shadow:0 0 30px #c9943a66;animation:3s ease-in-out infinite alternate pulse}.button-home{justify-content:center;gap:12px;margin-top:15px;display:flex}.btn-hghost{background:var(--navy);border:1px solid var(--teal-light);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-light);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:13px 20px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;transition:border-color .2s,color .2s;display:flex}.btn-hghost:hover{opacity:.9;border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.btn-hghost:active{transform:translateY(0)}.btn-beta{background:var(--teal);border:1px solid var(--cream);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:13px 20px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;transition:border-color .2s,color .2s;display:flex}.btn-beta:hover{opacity:.9;border-color:var(--gold-light);color:var(--gold-light);transform:translateY(-1px)}.btn-beta:active{transform:translateY(0)}.btn-start{background:linear-gradient(135deg, var(--gold), var(--gold-light));letter-spacing:.12em;text-transform:uppercase;color:var(--navy);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:13px 20px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;transition:opacity .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #c9943a40}.btn-start:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #c9943a59}.btn-start:active{transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--navy);border:1px solid var(--gold-light);text-align:center;border-radius:15px;width:100%;max-width:400px;padding:40px;position:relative}.register-hint{color:#ccc;margin-top:20px;font-size:14px}.register-hint a{color:var(--gold-light);text-decoration:underline}.input-group{gap:10px;margin-bottom:28px;display:flex}.email-input{color:var(--text);background:#0d1b2ecc;border:1px solid #c9943a40;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-family:Crimson Pro,serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.email-input::placeholder{color:var(--text-dim);font-style:italic}.email-input:focus{border-color:#c9943a99;box-shadow:0 0 0 3px #c9943a14}.btn-login{background:linear-gradient(135deg, var(--gold), var(--gold-light));letter-spacing:.1em;text-transform:uppercase;color:var(--navy);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 20px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px #c9943a40}.btn-login:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #c9943a59}.btn-login:active{transform:translateY(0)}.features-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-family:Inter,sans-serif;font-size:11px;font-weight:300}.modal-close-icon{color:var(--text-dim);cursor:pointer;z-index:10;background:0 0;border:none;padding:0;transition:all .2s;position:absolute;top:15px;right:15px}.modal-close-icon:hover{color:var(--gold);transform:scale(1.1)}.modal-tabs{border-bottom:1px solid #c9943a33;margin:20px 0 24px;display:flex}.modal-tab{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px 0 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:color .2s,border-color .2s}.modal-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.modal-tab:hover:not(.active){color:var(--text)}.modal-fields{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.modal-checkboxes{text-align:left;flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.modal-checkbox{color:var(--text-dim);cursor:pointer;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:13px;display:flex}.modal-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.modal-error{color:#f87171;text-align:left;background:#dc3c3c1f;border:1px solid #dc3c3c4d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px}.modal-success{color:#86efac;text-align:left;background:#3cb4641f;border:1px solid #3cb4644d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px}.modal-content .btn-login{width:100%}html,body{margin:0;padding:0}#root{grid-template-rows:auto 1fr auto;height:100vh;display:grid}:root{--gold:#c9943a;--gold-mid:#f0b35a;--gold-light:#e8ba6a;--gold-pale:#f5dfa0;--navy:#0d1b2e;--navy-mid:#152338;--navy-light:#1e3350;--teal:#2d7d8a;--teal-mid:#2aabbf;--teal-light:#4aabb8;--cream:#f7f0e3;--text:#ede0c8;--text-dim:#9a8e7a;--admin:red;--radius-midi:4px;--radius-badge:6px;--radius-small:8px;--radius-mid:12px;--radius-big:20px;--radius-ext:32px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 0 2px var(--teal-light), 0 0 16px #4aabb866;--shadow-gglow:0 0 0 2px var(--gold), 0 0 16px #b8a64a66;--shadow-lightglow:0 0 0 1px var(--gold-light), 0 0 16px #b8a64a66;--border-color:#c9943a33;--bg-card:var(--navy-mid);--color-gold:var(--gold);--bg-dark:var(--navy);--text-muted:var(--text-dim);--radius-md:var(--radius-mid);--radius-sm:var(--radius-small)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--text);cursor:default;font-family:Crimson Pro,Georgia,serif;overflow-x:hidden}main{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;font-size:18px;display:flex;position:relative}header{z-index:1000;text-align:center;position:relative}header,footer{flex-shrink:0}footer{z-index:1;position:relative}.home{z-index:1;box-sizing:border-box;text-align:center;background-image:url(/assets/sundown-D_b2TkRR.png);background-position:100%;background-repeat:no-repeat;background-size:contain;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--gold);opacity:.8;margin-bottom:12px;font-family:Inter,sans-serif;font-size:11px;font-weight:300}h1{letter-spacing:.05em;text-shadow:0 0 10px #c9943a99,0 0 30px #c9943a4d;margin-bottom:0;font-family:Cinzel Decorative,serif;font-size:clamp(28px,6vw,52px);font-weight:400;line-height:1.1}h1 .haven{color:var(--text);font-family:Cinzel Decorative,serif}h1 .tales{color:var(--gold-light);text-shadow:0 0 30px #c9943a66;font-family:Cinzel Decorative,serif;animation:3s ease-in-out infinite alternate pulse}.h2{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-family:Inter,sans-serif;font-size:11px;font-weight:300}h3 .haven{color:var(--text);font-family:Cinzel Decorative,serif}h3 .tales{color:var(--gold-light);text-shadow:0 0 30px #c9943a66;font-family:Cinzel Decorative,serif}h4 .haven{color:var(--text);font-family:Cinzel Decorative,serif;font-size:18px;font-weight:300}h4 .tales{color:var(--gold-light);text-shadow:0 0 30px #c9943a66;font-family:Cinzel Decorative,serif;font-size:18px;font-weight:300}.tagline-main{color:var(--text-dim);margin-top:16px;font-size:clamp(16px,2.5vw,21px);font-style:italic;font-weight:300;line-height:1.6}.tagline-sub{letter-spacing:.15em;text-transform:uppercase;color:var(--teal-light);opacity:.7;margin-top:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:300}.divider{background:linear-gradient(to right, transparent, var(--gold), transparent);width:120px;height:1px;margin:32px auto;animation:1s .4s both fadeIn}.haven-container{border-radius:var(--radius-mid);background-color:#0b1523;border:1px solid #1e2d3d;margin-bottom:20px;padding:20px}.container-title{color:#c09f63;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #1e2d3d;margin-bottom:15px;padding-bottom:10px;font-family:Inter,sans-serif;font-size:12px}.tab-container{gap:20px;display:flex}.tab-container.horizontal{border-bottom:1px solid #1e2d3d;flex-direction:row}.tab-container.vertical{border-left:1px solid #1e2d3d;flex-direction:column;padding-left:10px}.tab-item{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 15px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative}.tab-item:hover{color:var(--gold-pale)}.horizontal .tab-item.active{color:var(--gold);border-bottom:2px solid var(--gold);text-shadow:0 0 8px #c09f6366}.vertical .tab-item.active{color:var(--gold);border-left:2px solid var(--gold);text-shadow:0 0 8px #c09f6366;margin-left:-11px;padding-left:14px}.tab-icon{align-items:center;gap:6px;display:flex}a{color:var(--text-dim);text-decoration:none;transition:color .2s}a:visited{color:var(--text-dim)}a:hover{color:var(--text)}@keyframes pulse{0%{text-shadow:0 0 10px #c9943a80}to{text-shadow:0 0 20px #c9943acc,0 0 35px #c9943a66}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-flex-container{flex-direction:row;gap:24px;width:100%;max-width:1200px;margin:40px auto 0;display:flex}.flex-box-item{border-radius:var(--radius-mid);text-align:center;-webkit-backdrop-filter:blur(12px);background:#15233899;border:1px solid #1e2d3d99;flex:1;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 8px 32px #00000080}.flex-box-item:hover{box-shadow:var(--shadow-glow);background:#152338cc;border-color:#4aabb880;transform:translateY(-5px)}.flex-box-item .box-title{color:var(--gold-light);margin-top:0;margin-bottom:12px;font-family:Cinzel Decorative,serif;font-size:22px}.flex-box-item p{color:var(--text-dim);margin:0;font-size:16px;line-height:1.5}.main-footer{background-color:var(--navy);border-top:1px solid #1e2d3d;margin-top:20px;padding:20px}.footer-tagline{color:var(--text-dim);font-size:18px;font-style:italic;font-weight:300}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.footer-logo-img{filter:drop-shadow(0 4px 8px #00000026);width:auto;height:50px;display:block}.footer-logo{align-items:center;gap:12px;margin-bottom:15px;display:flex}.footer-brand p{color:var(--text-dim);max-width:250px;font-size:14px;line-height:1.6}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-dim);font-family:Inter,sans-serif;font-size:14px;font-weight:300;text-decoration:none;transition:color .3s}.footer-links a:visited{color:var(--text-dim)}.footer-links a:hover{color:var(--text)}.footer-links a.active{color:var(--gold-pale);border-bottom:2px solid var(--gold)}.footer-links a.active:before{color:var(--gold);margin-right:8px}.social-icons{gap:12px;display:flex}.icon-circle{width:38px;height:38px;color:var(--text-dim);border:1px solid #1e2d3d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.icon-circle:hover{border-color:var(--gold);color:var(--text);background:#c09f631a;box-shadow:0 0 10px #c09f6333}.footer-bottom{max-width:1200px;color:var(--text-dim);border-top:1px solid #1e2d3d;align-items:center;gap:8px;margin:60px auto 0;padding-top:20px;font-size:12px;display:flex}.error-container{text-align:center;color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:18px 32px 32px;font-family:Inter,sans-serif;display:flex;overflow-y:auto}.error-image{border-radius:15px;width:100%;max-width:400px;margin-bottom:.5rem}.error-code{letter-spacing:.2rem;text-transform:uppercase;opacity:.7;margin-bottom:-1rem;font-size:1rem;font-weight:300}.error-title{letter-spacing:-1.68px;margin:12px 0;font-size:38px}.error-text{opacity:.8;max-width:400px;margin-bottom:1rem;font-size:.95rem;font-weight:300;line-height:1.7}.error-button{color:var(--teal-light);cursor:pointer;background-color:#0000;border:1px solid #39b6c4;border-radius:.375rem;padding:.6rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;transition:background-color .3s,color .3s}.error-button:hover{background-color:var(--teal-light);color:var(--navy)}