*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#070b16;color:#f8fbff}a{color:inherit}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,20px);border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,11,22,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.brand{text-decoration:none;font-weight:900;font-size:1.25rem}.brand span{color:#39ff88}.topbar nav{display:flex;gap:18px;align-items:center}.topbar nav a{text-decoration:none;color:#cbd5e7}.nav-button,.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.primary{background:#39ff88;color:#07140d}.secondary{background:#17213b;color:#fff;border-color:rgba(255,255,255,.11)}.full{width:100%}.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:70px max(7vw,28px);background:radial-gradient(circle at 20% 20%,rgba(57,255,136,.14),transparent 35%),radial-gradient(circle at 80% 30%,rgba(76,110,245,.22),transparent 30%)}.hero h1,.section-title h1,.preview-info h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.98;margin:18px 0}.hero h1 span{color:#39ff88}.hero p{font-size:1.2rem;color:#aeb9ce;line-height:1.7;max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:30px}.badge{display:inline-block;padding:8px 12px;border:1px solid rgba(57,255,136,.35);border-radius:999px;color:#39ff88;background:rgba(57,255,136,.08);font-weight:800;font-size:.82rem}.phone-preview{display:grid;place-items:center}.phone-screen{width:min(360px,85vw);padding:40px 24px;border:10px solid #111827;border-radius:42px;background:linear-gradient(160deg,#15203a,#080d1b);box-shadow:0 30px 90px rgba(0,0,0,.5);text-align:center}.avatar,.public-avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#111b31;border:4px solid #39ff88;font-weight:900;font-size:1.5rem}.phone-screen p{color:#8fa1bd}.preview-link{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.08);padding:15px;border-radius:14px;margin-top:12px}.premium-link{border:1px solid #39ff88}.premium-link span{font-size:.7rem;color:#39ff88}.feature-section{padding:90px max(7vw,28px)}.feature-section>h2{text-align:center;font-size:2.5rem}.feature-grid,.pricing-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.feature-grid article,.price-card,.panel,.auth-card{background:#10182b;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:25px}.feature-grid article span{font-size:2rem}.feature-grid p,.section-title p,.panel p{color:#9eabc1;line-height:1.6}footer{text-align:center;padding:40px;color:#7e8ca5}.auth-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:40px}.auth-card{width:min(460px,95vw)}label{display:block;margin:15px 0;font-weight:700}input,textarea,select{width:100%;padding:12px;margin-top:7px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#080e1d;color:#fff}.slug-field{display:flex;align-items:center;gap:8px}.slug-field input{margin:0}.alert{padding:13px;border-radius:10px;margin:15px 0}.error{background:rgba(255,70,70,.14);border:1px solid #ff6666}.success{background:rgba(57,255,136,.12);border:1px solid #39ff88}.warning{background:rgba(255,190,60,.12);border:1px solid #ffc24b}.demo-box{margin-top:20px;padding:15px;background:#080e1d;border-radius:10px;color:#aeb9ce}.pricing-wrap,.dashboard{width:min(1180px,94vw);margin:50px auto}.section-title{text-align:center}.section-title h1{font-size:3.5rem}.pricing-grid{grid-template-columns:repeat(4,1fr)}.price-card{position:relative}.price-card h2{font-size:1.7rem}.price{font-size:2.4rem;font-weight:900;color:#39ff88}.price-card ul{padding-left:20px;line-height:2}.featured{border-color:#39ff88;transform:translateY(-10px)}.popular{position:absolute;right:15px;top:15px;color:#39ff88;font-size:.7rem;font-weight:900}.checkout-summary{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;background:#080e1d;border-radius:12px;margin:20px 0}.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dashboard-head h1{font-size:2.6rem;margin:10px 0}.dashboard-grid{grid-template-columns:1.2fr .8fr}.plan-box{display:flex;justify-content:space-between;padding:18px;border-radius:14px;background:linear-gradient(100deg,rgba(57,255,136,.13),rgba(76,110,245,.13))}.status-list{list-style:none;padding:0}.status-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.locked{opacity:.55}.locked small{display:block;color:#ffc24b;margin-top:8px}.panel{margin-bottom:20px}.panel-title,.section-admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.inline-form,.add-link-form{display:flex;gap:10px;align-items:end}.inline-form input,.inline-form select,.add-link-form input{margin:0}.section-admin{padding:18px;background:#080e1d;border-radius:14px;margin-top:16px}.section-admin h3{margin:0}.section-admin span{color:#98a7bd}.danger,.icon-danger{background:#762f3a;color:#fff;border:0;border-radius:9px;padding:9px 12px;cursor:pointer}.admin-link-row{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:12px;align-items:center;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.admin-link-row small{color:#7f90aa;overflow:hidden;text-overflow:ellipsis}.add-link-form{margin-top:14px}.preview-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;min-height:calc(100vh - 74px);padding:40px max(5vw,25px)}.preview-info{align-self:center}.preview-info h1{font-size:3.5rem}.preview-info p{color:#aeb9ce;line-height:1.7;margin-bottom:25px}.site-frame{width:100%;height:82vh;border:8px solid #151d30;border-radius:25px;background:#050816}.public-profile{min-height:100vh;background:#050816}.profile-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(5,8,18,.45),rgba(5,8,18,.65)),var(--profile-bg,radial-gradient(circle at top,#18305b,#050816));background-size:cover;background-position:center;z-index:-1}.public-shell{width:min(680px,92vw);margin:auto;padding:45px 0}.public-head{text-align:center;background:rgba(10,16,31,.74);backdrop-filter:blur(14px);padding:28px;border-radius:24px}.public-avatar{border-color:var(--accent)}.public-head p{color:var(--accent);font-weight:800}.public-section{margin-top:18px;padding:22px;border-radius:20px;background:rgba(10,16,31,.8);backdrop-filter:blur(14px)}.public-section>p{color:#9cabc1}.public-links{display:grid;gap:11px}.public-links a{display:flex;align-items:center;gap:12px;padding:15px;border-radius:13px;background:rgba(255,255,255,.08);text-decoration:none;border:1px solid rgba(255,255,255,.08)}.public-links a:hover{border-color:var(--accent)}.public-links a span{flex:1}.public-links a b{color:var(--accent);font-size:1.5rem}.powered{display:block;text-align:center;color:#93a1b7;margin-top:25px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}td small{display:block;color:#8e9bb1;margin-top:5px}
@media(max-width:900px){.hero,.preview-layout{grid-template-columns:1fr}.pricing-grid,.feature-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.phone-preview{margin-top:20px}.site-frame{height:70vh}.topbar nav a:not(.nav-button){display:none}.admin-link-row{grid-template-columns:1fr}.panel-title{align-items:flex-start;flex-direction:column}.inline-form,.add-link-form{width:100%;flex-direction:column;align-items:stretch}}@media(max-width:600px){.pricing-grid,.feature-grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero-actions{flex-direction:column}.dashboard-head{align-items:flex-start;flex-direction:column;gap:18px}.section-admin-head{align-items:flex-start}.topbar{padding:0 15px}}

.legal-footer{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:28px max(4vw,20px);margin-top:50px;
  border-top:1px solid rgba(255,255,255,.09);
  background:#070b16;color:#99a8bf
}
.legal-footer div,.legal-footer nav{display:flex;gap:16px;align-items:center}
.legal-footer a{color:#cbd5e7;text-decoration:none}
.legal-footer a:hover{color:#39ff88}
.legal-wrap{width:min(900px,94vw);margin:50px auto}
.legal-card{
  padding:clamp(22px,5vw,50px);border-radius:24px;
  background:#10182b;border:1px solid rgba(255,255,255,.09);
  box-shadow:0 25px 70px rgba(0,0,0,.25)
}
.legal-card h1{font-size:clamp(2.4rem,7vw,4.8rem);margin:18px 0 35px}
.legal-card h2{margin-top:34px;color:#f4f7ff}
.legal-card p{color:#b4bfd1;line-height:1.75}
.legal-card a{color:#39ff88}
.legal-warning,.legal-note{
  padding:16px 18px;border-radius:12px;line-height:1.6
}
.legal-warning{background:rgba(255,194,75,.1);border:1px solid #ffc24b;color:#ffe0a0}
.legal-note{margin-top:38px;background:rgba(57,255,136,.08);border:1px solid rgba(57,255,136,.35)}
.legal-card code{background:#080e1d;padding:3px 7px;border-radius:5px}
@media(max-width:650px){
  .legal-footer{align-items:flex-start;flex-direction:column}
  .legal-footer nav{flex-wrap:wrap}
}

.username-builder{max-width:690px;margin-top:28px;padding:20px;border-radius:18px;background:rgba(10,16,31,.78);border:1px solid rgba(57,255,136,.28);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.username-builder>label{margin-top:0;color:#fff}.address-builder{display:flex;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#080e1d}.address-builder .system-address{padding:14px 0 14px 14px;color:#8fa1bd;white-space:nowrap}.address-builder input{border:0;margin:0;padding:14px 14px 14px 4px;border-radius:0;font-size:1.05rem;font-weight:800;min-width:120px}.address-builder input:focus{outline:none}.address-preview{margin:12px 0 16px;color:#9eabc1;overflow-wrap:anywhere}.address-preview strong{color:#39ff88}.example-addresses{width:min(1050px,92vw);margin:0 auto;padding:80px 0 20px;text-align:center}.example-addresses h2{font-size:clamp(2rem,5vw,3.5rem);margin:18px 0}.example-addresses>p{color:#9eabc1;line-height:1.7}.address-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.address-examples code{padding:18px;border-radius:14px;background:#10182b;border:1px solid rgba(255,255,255,.09);color:#39ff88;overflow-wrap:anywhere}.auth-card label small{display:block;margin-top:8px;color:#8fa1bd;font-weight:400}.slug-field span{white-space:nowrap;color:#8fa1bd;font-size:.88rem}
@media(max-width:720px){.address-examples{grid-template-columns:1fr}.address-builder{align-items:stretch;flex-direction:column}.address-builder .system-address{padding:12px 14px 4px}.address-builder input{padding:8px 14px 14px;width:100%}}


/* Transparenter Neon-Benutzername */
.neon-address{display:inline-flex;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}
.address-domain{color:#f4f7ff;font-weight:800}
.username-transparent{
  color:transparent;
  -webkit-text-stroke:1.5px #39ff88;
  paint-order:stroke fill;
  font-weight:900;
  letter-spacing:.04em;
  text-shadow:0 0 7px rgba(57,255,136,.85),0 0 18px rgba(57,255,136,.45);
  transition:color .25s ease,text-shadow .25s ease,transform .25s ease;
}
.username-transparent:hover{color:#39ff88;text-shadow:0 0 9px rgba(57,255,136,1),0 0 24px rgba(57,255,136,.7)}
.username-small{-webkit-text-stroke:1px #39ff88;letter-spacing:.03em}
.copy-address{margin-left:12px;padding:9px 12px;border:1px solid rgba(57,255,136,.45);border-radius:9px;background:rgba(57,255,136,.09);color:#baffd2;font-weight:800;cursor:pointer}
.copy-address:hover{background:rgba(57,255,136,.17)}
.address-preview{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.address-preview strong{color:inherit}
.user-address-card{margin:0 0 20px;padding:18px 22px;background:#10182b;border:1px solid rgba(57,255,136,.25);border-radius:16px}
.user-address-card>span{display:block;color:#93a1b7;margin-bottom:9px}
.user-address-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.registration-address{margin-top:12px;padding:12px;background:#080e1d;border:1px solid rgba(57,255,136,.22);border-radius:10px;overflow-wrap:anywhere}
@media(max-width:600px){.copy-address{margin-left:0}.address-preview{align-items:flex-start;flex-direction:column}.user-address-row{align-items:flex-start;flex-direction:column}}

.dashboard-actions,.invoice-row-actions,.invoice-actions{display:flex;gap:10px;align-items:center}.compact{padding:8px 11px;font-size:.84rem}.invoice-status{display:inline-block;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:900}.status-open{background:rgba(255,194,75,.15);color:#ffd36e;border:1px solid rgba(255,194,75,.45)}.status-paid{background:rgba(57,255,136,.12);color:#6dffa7;border:1px solid rgba(57,255,136,.4)}.status-cancelled{background:rgba(255,90,100,.13);color:#ff939b;border:1px solid rgba(255,90,100,.4)}.empty-state{text-align:center;padding:55px 20px;color:#9eabc1}.empty-state span{font-size:3rem}.invoice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.invoice-stats article{padding:22px;border-radius:18px;background:#10182b;border:1px solid rgba(255,255,255,.09)}.invoice-stats small{display:block;color:#93a2b8;margin-bottom:10px}.invoice-stats strong{font-size:1.8rem}.invoice-create-form{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end}.invoice-create-form label{margin:0}.invoice-create-form .wide{grid-column:span 4}.status-form select{min-width:115px;margin:0}.invoice-page{background:#e9edf3;color:#172033;padding:35px}.invoice-actions{width:min(900px,100%);margin:0 auto 18px;justify-content:flex-end}.invoice-sheet{width:min(900px,100%);margin:auto;background:#fff;padding:55px;box-shadow:0 18px 60px rgba(20,30,50,.18)}.invoice-head,.invoice-meta{display:flex;justify-content:space-between;gap:30px}.invoice-brand{color:#111827}.invoice-brand span{color:#18a65b}.invoice-head h1{font-size:3rem;margin:0}.invoice-head p,.invoice-meta span,.invoice-meta small,.invoice-foot{color:#64748b}.invoice-meta{padding:35px 0;border-top:1px solid #dce2ea;border-bottom:1px solid #dce2ea;margin-top:35px}.invoice-meta div{display:flex;flex-direction:column;gap:6px}.invoice-table{margin-top:35px;color:#172033}.invoice-table th,.invoice-table td{border-color:#dce2ea}.invoice-total{margin:30px 0 30px auto;width:min(380px,100%);display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px;background:#f3f6fa;border-radius:12px}.invoice-total span:nth-last-of-type(1),.invoice-total strong:last-child{font-size:1.15rem}.invoice-payment{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.invoice-foot{border-top:1px solid #dce2ea;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.85rem}
@media(max-width:900px){.invoice-create-form{grid-template-columns:1fr 1fr}.invoice-create-form .wide{grid-column:span 2}.invoice-stats{grid-template-columns:1fr}.invoice-sheet{padding:30px}.invoice-head,.invoice-meta,.invoice-foot{flex-direction:column}.invoice-page{padding:15px}.dashboard-actions{flex-direction:column;align-items:stretch}}
@media print{.no-print{display:none!important}.invoice-page{padding:0;background:#fff}.invoice-sheet{box-shadow:none;width:100%;padding:20mm}.topbar,.legal-footer{display:none!important}}


/* FAQ – WAS WILLST DU WISSEN? */
.faq-section{
  width:min(1050px,92vw);
  margin:20px auto 90px;
  padding:70px clamp(18px,5vw,55px);
  border-radius:30px;
  background:
    radial-gradient(circle at top right,rgba(57,255,136,.12),transparent 35%),
    #0d1528;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 25px 80px rgba(0,0,0,.28)
}
.faq-heading{text-align:center;max-width:760px;margin:0 auto 35px}
.faq-heading h2{
  margin:18px 0 14px;
  font-size:clamp(2.3rem,6vw,4.7rem);
  line-height:1;
  letter-spacing:.03em
}
.faq-heading p{color:#a8b4c8;line-height:1.7}
.faq-list{display:grid;gap:13px}
.faq-list details{
  overflow:hidden;
  border-radius:16px;
  background:rgba(7,11,22,.72);
  border:1px solid rgba(255,255,255,.09);
  transition:border-color .2s ease,transform .2s ease
}
.faq-list details:hover{border-color:rgba(57,255,136,.42)}
.faq-list details[open]{border-color:rgba(57,255,136,.5)}
.faq-list summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  cursor:pointer;
  list-style:none;
  font-weight:900;
  font-size:1.03rem
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{
  flex:0 0 34px;
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(57,255,136,.1);
  color:#39ff88;
  font-size:1.4rem;
  transition:transform .2s ease,background .2s ease
}
.faq-list details[open] summary span{
  transform:rotate(45deg);
  background:rgba(57,255,136,.2)
}
.faq-answer{
  padding:0 22px 22px;
  color:#aeb9ce;
  line-height:1.75
}
.faq-answer strong{color:#39ff88}
@media(max-width:600px){
  .faq-section{padding:45px 15px;margin-bottom:55px;border-radius:22px}
  .faq-list summary{padding:17px;font-size:.96rem}
  .faq-answer{padding:0 17px 18px}
}