@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#071014;--panel:#0b181d;--line:rgba(255,255,255,.1);--text:#f4f8f9;--muted:#a8b5b9;--cyan:#55d8e6;--cyan2:#1598a9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line);background:linear-gradient(#061116cc,transparent)}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.5px}.brand img{width:45px;height:45px;border-radius:50%}.brand b{color:var(--cyan)}nav{margin:auto;display:flex;gap:42px;font-size:12px;font-weight:700;letter-spacing:2px}nav a{opacity:.72;transition:.2s}nav a:hover{opacity:1;color:var(--cyan)}.discord{border:1px solid #ffffff40;padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:1.5px}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{height:min(920px,100vh);min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.75) contrast(1.05)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#061014 3%,rgba(6,16,20,.82) 36%,rgba(6,16,20,.28) 70%),linear-gradient(0deg,#071014 0%,transparent 40%)}.glow{position:absolute;width:600px;height:600px;background:#0b9fb42b;filter:blur(100px);left:-200px;top:160px}.hero-content{position:relative;z-index:2;width:min(720px,86%);margin-left:clamp(25px,9vw,150px);padding-top:50px}.eyebrow,.section-tag{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:4px}.hero h1,.section h2{font-family:'Barlow Condensed',sans-serif;margin:18px 0;font-weight:800;line-height:.88;letter-spacing:-1px}.hero h1{font-size:clamp(65px,8vw,125px)}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--cyan)}.hero-content>p{max-width:590px;color:#c0c9cc;font-size:16px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;gap:25px;padding:17px 23px;font-size:11px;font-weight:800;letter-spacing:1.5px}.primary{background:var(--cyan);color:#041014}.primary:hover{background:#83eaf3}.secondary{border:1px solid #ffffff36;background:#07101466}.scroll{position:absolute;z-index:3;bottom:35px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#c1c9cb;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll span{color:var(--cyan);font-size:18px}.section{max-width:1220px;margin:auto;padding:110px 30px}.section h2{font-size:clamp(48px,6vw,82px);max-width:850px}.section h2 span{color:var(--cyan)}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line);padding-top:35px}.intro-grid p{color:var(--muted);line-height:1.9;margin:0}.intro-grid .lead{font-family:'Barlow Condensed';font-size:28px;line-height:1.25;color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:10px}.cards article{background:var(--panel);padding:42px;border:1px solid var(--line);min-height:360px;transition:.25s}.cards article:hover{transform:translateY(-5px);border-color:#55d8e655}.icon{height:70px;display:flex;align-items:center}.icon img{width:50px;max-height:50px;object-fit:contain}.cards small{color:var(--cyan);letter-spacing:3px;font-size:9px}.cards h3{font-family:'Barlow Condensed';font-size:35px;text-transform:uppercase;margin:10px 0}.cards p{color:var(--muted);line-height:1.7;font-size:14px}.cards article>a,.cards article>span{display:inline-block;margin-top:22px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1.5px}.cta{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px;padding-top:150px;padding-bottom:150px}.cta>img{width:min(100%,380px);justify-self:center;filter:drop-shadow(0 0 50px #1ec2d22c)}.cta p{color:var(--muted);max-width:600px;line-height:1.8;margin-bottom:30px}footer{border-top:1px solid var(--line);padding:40px clamp(25px,6vw,90px);display:flex;align-items:center;gap:30px;color:#7e8d91}footer .brand{margin-right:auto;color:white;font-size:17px}footer .brand img{width:35px;height:35px}footer p,footer small{font-size:11px}.menu-open nav{display:flex}
@media(max-width:850px){.nav{height:70px}.nav .brand span,.nav>.discord{display:none}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:25px;background:#071014;flex-direction:column;gap:25px}.hero{min-height:700px}.hero-content{margin-left:25px}.hero h1{font-size:65px}.intro-grid,.cta{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr}.section{padding:80px 24px}.cta>img{width:230px}footer{align-items:flex-start;flex-direction:column;gap:14px}footer .brand{margin:0}.hero-bg{object-position:65% center}}
/* Account / Authentication */

.auth-page{
    min-height:100vh;
    background:
        radial-gradient(circle at 20% 20%,rgba(85,216,230,.09),transparent 35%),
        #071014;
}

.auth-nav{
    position:absolute;
}

.auth-back{
    margin-left:auto;
    border:1px solid #ffffff30;
    padding:12px 18px;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    transition:.2s;
}

.auth-back:hover{
    border-color:var(--cyan);
    color:var(--cyan);
}

.auth-main{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:130px 24px 70px;
}

.auth-box{
    width:100%;
    max-width:540px;
    background:rgba(11,24,29,.92);
    border:1px solid var(--line);
    padding:48px;
    box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.auth-box h1{
    font-family:'Barlow Condensed',sans-serif;
    font-size:64px;
    line-height:.9;
    margin:15px 0 18px;
}

.auth-box h1 span{
    color:var(--cyan);
}

.auth-intro{
    color:var(--muted);
    line-height:1.7;
    margin:0 0 32px;
}

.auth-form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.auth-form label{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.auth-form label>span{
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
    color:#b9c5c8;
}

.auth-form input{
    width:100%;
    background:#071014;
    border:1px solid rgba(255,255,255,.13);
    color:white;
    padding:16px 17px;
    outline:none;
    font-family:Inter,Arial,sans-serif;
    font-size:14px;
    transition:.2s;
}

.auth-form input:focus{
    border-color:var(--cyan);
    box-shadow:0 0 0 3px rgba(85,216,230,.08);
}

.auth-form input::placeholder{
    color:#617075;
}

.auth-submit{
    border:0;
    cursor:pointer;
    justify-content:space-between;
    margin-top:8px;
    width:100%;
}

.auth-errors{
    border:1px solid rgba(255,100,100,.35);
    background:rgba(120,20,20,.15);
    padding:14px 18px;
    margin-bottom:25px;
}

.auth-errors p{
    margin:5px 0;
    color:#ffb6b6;
    font-size:13px;
    line-height:1.5;
}

.auth-switch{
    text-align:center;
    color:var(--muted);
    font-size:12px;
    margin:28px 0 0;
}

.auth-switch a{
    color:var(--cyan);
    font-weight:800;
    margin-left:5px;
}

@media(max-width:600px){
    .auth-box{
        padding:32px 22px;
    }

    .auth-box h1{
        font-size:50px;
    }

    .auth-back{
        font-size:9px;
        padding:10px 12px;
    }
}

.account-data{
    display:flex;
    flex-direction:column;
    margin:30px 0;
    border-top:1px solid var(--line);
}

.account-data>div{
    display:flex;
    justify-content:space-between;
    gap:25px;
    padding:18px 0;
    border-bottom:1px solid var(--line);
}

.account-data span{
    color:var(--muted);
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
}

.account-data strong{
    font-size:13px;
    text-align:right;
}

.account-logout{
    width:100%;
    justify-content:center;
    cursor:pointer;
    color:white;
}/* NLN Passwort/Profileinstellungen – einmalig an css/style.css anhängen */
.profile-action-disabled{
    opacity:.4;
    cursor:not-allowed;
    pointer-events:none;
}
.password-back{
    width:100%;
    justify-content:space-between;
}
/* Diesen Block ans Ende der bestehenden css/style.css anhängen */
.profile-main{min-height:100vh;padding:150px 30px 90px}.profile-container{width:100%;max-width:1180px;margin:auto}.profile-container>h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(55px,7vw,90px);line-height:.9;margin:16px 0}.profile-container>h1 span{color:var(--cyan)}.profile-welcome{color:var(--muted);margin:0 0 45px}.profile-welcome strong{color:white}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.profile-card{background:rgba(11,24,29,.92);border:1px solid var(--line);padding:32px;min-height:280px}.profile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-card-header small{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:3px}.profile-card-header h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:28px;margin:7px 0 0}.profile-card>p{color:var(--muted);font-size:14px;line-height:1.7;margin:25px 0}.profile-data>div{display:flex;justify-content:space-between;gap:25px;padding:16px 0;border-bottom:1px solid var(--line)}.profile-data>div:last-child{border-bottom:0}.profile-data span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.5px}.profile-data strong{font-size:12px;text-align:right}.status-badge{padding:8px 10px;font-size:8px;font-weight:800;letter-spacing:1.5px;white-space:nowrap}.status-badge.active,.status-badge.verified{color:var(--cyan);border:1px solid rgba(85,216,230,.35);background:rgba(85,216,230,.07)}.status-badge.unverified{color:#ffbf69;border:1px solid rgba(255,191,105,.35);background:rgba(255,191,105,.07)}.verify-button{border:0;width:100%;justify-content:space-between}.verify-button:disabled{opacity:.45;cursor:not-allowed}.verification-note{display:block;color:#718085;font-size:9px;letter-spacing:1px;margin-top:12px}.verification-date{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:9px;letter-spacing:1.5px}.verification-date strong{float:right;color:white}.profile-action{width:100%;justify-content:center}.ticket-locked{border:1px solid rgba(255,191,105,.25);background:rgba(255,191,105,.05);color:#ffbf69;padding:17px;text-align:center;font-size:9px;font-weight:800;letter-spacing:1.5px}.profile-logout{display:flex;justify-content:flex-end;margin-top:25px}.profile-logout button{cursor:pointer;color:white}@media(max-width:800px){.profile-grid{grid-template-columns:1fr}.profile-main{padding:120px 20px 60px}.profile-card{padding:24px}.profile-data>div{flex-direction:column;gap:7px}.profile-data strong{text-align:left}}
/* Einmalig an /home/website/css/style.css anhängen */
.oauth-message{margin:0 0 22px;padding:15px 18px;border:1px solid var(--line);font-size:12px;line-height:1.6}
.oauth-message.success{color:var(--cyan);border-color:rgba(85,216,230,.35);background:rgba(85,216,230,.07)}
.oauth-message.error{color:#ffbf69;border-color:rgba(255,191,105,.35);background:rgba(255,191,105,.07)}
a.verify-button{display:flex;text-decoration:none}


/* Passwortseite: ursprüngliches kompaktes Layout, korrigierte Überschrift */
.auth-box h1{
    line-height:1.02;
}
.auth-box h1 span{
    display:inline;
}
@media(max-width:600px){
    .auth-box h1{
        line-height:1.05;
    }
}

/* NLN TICKET SYSTEM PHASE 1 */
.ticket-main{min-height:100vh;padding:145px 30px 90px}.ticket-container{width:100%;max-width:1180px;margin:auto}.ticket-container>h1,.ticket-page-head h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(52px,6vw,82px);line-height:.95;margin:14px 0}.ticket-container>h1 span,.ticket-page-head h1 span{color:var(--cyan)}.ticket-intro,.ticket-page-head p,.ticket-detail-head p{color:var(--muted);line-height:1.7}.ticket-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:36px}.ticket-new-button{white-space:nowrap}.ticket-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.ticket-list-item{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 4px;border-bottom:1px solid var(--line);transition:.2s}.ticket-list-item:hover{padding-left:14px;background:rgba(85,216,230,.025)}.ticket-list-main{display:flex;flex-direction:column;gap:7px;min-width:0}.ticket-list-main small{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1.5px}.ticket-list-main strong{font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase}.ticket-list-main span{color:var(--muted);font-size:10px}.ticket-status{padding:9px 11px;border:1px solid var(--line);font-size:8px;font-weight:800;letter-spacing:1.3px;white-space:nowrap}.ticket-status.open{color:var(--cyan);border-color:rgba(85,216,230,.35)}.ticket-status.in_progress{color:#ffbf69;border-color:rgba(255,191,105,.35)}.ticket-status.closed{color:#8a989c}.ticket-empty{border:1px solid var(--line);background:rgba(11,24,29,.92);padding:44px}.ticket-empty small{color:var(--cyan);letter-spacing:2px;font-weight:800}.ticket-empty h2{font-family:'Barlow Condensed',sans-serif;font-size:36px;margin:10px 0}.ticket-empty p{color:var(--muted);margin-bottom:28px}.ticket-form{margin-top:34px}.ticket-field{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.ticket-label{font-size:9px;font-weight:800;letter-spacing:2px;color:#b9c5c8}.ticket-field input[type=text],.ticket-field textarea{width:100%;background:#071014;border:1px solid rgba(255,255,255,.13);color:white;padding:16px 17px;outline:none;font-family:Inter,Arial,sans-serif;font-size:14px;resize:vertical}.ticket-field input[type=text]:focus,.ticket-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(85,216,230,.08)}.ticket-help{color:#718085;font-size:9px;letter-spacing:.7px}.ticket-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ticket-category input{position:absolute;opacity:0;pointer-events:none}.ticket-category-box{display:flex;flex-direction:column;gap:7px;min-height:95px;padding:20px;border:1px solid var(--line);background:rgba(11,24,29,.92);cursor:pointer;transition:.2s}.ticket-category-box strong{font-family:'Barlow Condensed',sans-serif;font-size:22px;text-transform:uppercase}.ticket-category-box small{color:var(--muted);line-height:1.5}.ticket-category input:checked+.ticket-category-box{border-color:var(--cyan);background:rgba(85,216,230,.07);box-shadow:0 0 0 1px rgba(85,216,230,.18)}.ticket-category-box:hover{border-color:rgba(85,216,230,.45)}.ticket-submit{border:0;cursor:pointer;justify-content:space-between;min-width:280px}.ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.ticket-detail-head h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,5vw,64px);line-height:1;margin:12px 0;text-transform:uppercase}.ticket-thread{display:flex;flex-direction:column;gap:14px}.ticket-message{border:1px solid var(--line);background:rgba(11,24,29,.92);padding:24px}.ticket-message.staff{border-color:rgba(85,216,230,.32);background:rgba(85,216,230,.045)}.ticket-message-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid var(--line)}.ticket-message-meta strong{font-size:12px}.ticket-message-meta span{color:var(--muted);font-size:9px;letter-spacing:1px}.ticket-message-body{color:#d6dfe1;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.ticket-reply{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.ticket-closed-note{margin-top:28px;border:1px solid var(--line);padding:18px;text-align:center;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.2px}@media(max-width:760px){.ticket-main{padding:120px 20px 60px}.ticket-page-head,.ticket-detail-head{align-items:stretch;flex-direction:column}.ticket-new-button{justify-content:space-between}.ticket-category-grid{grid-template-columns:1fr}.ticket-list-item{align-items:flex-start;flex-direction:column}.ticket-submit{width:100%;min-width:0}}

/* NLN ADMIN PHASE 1 */
.admin-main{min-height:100vh;padding:145px 30px 90px}
.admin-container{width:100%;max-width:1180px;margin:auto}
.admin-container>h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(55px,7vw,90px);line-height:.9;margin:16px 0}
.admin-container>h1 span{color:var(--cyan)}
.admin-intro{color:var(--muted);margin:0 0 38px}
.admin-intro strong{color:#fff}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.admin-stats>div{border:1px solid var(--line);background:rgba(11,24,29,.92);padding:22px}
.admin-stats small{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:1.5px;margin-bottom:8px}
.admin-stats strong{font-family:'Barlow Condensed',sans-serif;color:var(--cyan);font-size:34px}
.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.admin-card{border:1px solid var(--line);background:rgba(11,24,29,.92);padding:32px;min-height:250px}
.admin-card>small{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:3px}
.admin-card h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:30px;margin:8px 0 18px}
.admin-card p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:28px}
.admin-disabled{display:flex;justify-content:center;opacity:.45;cursor:not-allowed;pointer-events:none}
.admin-access-card{grid-column:1/-1}
@media(max-width:800px){.admin-main{padding:120px 20px 60px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}