:root{--bg:#070707;--panel:#10100f;--panel2:#15130e;--gold:#d7a92d;--gold2:#ffcf55;--text:#f4f4f2;--muted:#9c9b96;--line:#2c281d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 8%,#2a1b07 0,#0b0906 25%,var(--bg) 55%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}header{height:74px;position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:0 5%;background:rgba(5,5,5,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand b{letter-spacing:1px}.brand b span,h1 span{color:#ddd}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);transform:rotate(45deg);color:var(--gold);font-weight:900;font-size:12px}.mark::first-line{transform:rotate(-45deg)}nav{display:flex;gap:30px;margin:auto}nav a{color:#bbb;text-decoration:none;font-size:14px}nav a:hover,.active{color:var(--gold2)!important}.user{border:1px solid #393327;background:#111;color:#ddd;padding:10px 14px;border-radius:10px}.hero{min-height:560px;display:flex;align-items:center;padding:70px 8%;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{max-width:720px;z-index:2}.hero small,.section-title small,.panel small{color:var(--gold);letter-spacing:4px}.hero h1{font-size:clamp(46px,7vw,86px);margin:12px 0 0;letter-spacing:-4px;color:var(--gold2);text-shadow:0 0 30px #8d5d13}.hero h2{letter-spacing:10px;font-size:14px;font-weight:500}.hero h2 i{color:var(--gold);font-style:normal}.hero p{max-width:650px;color:#c1c0bb;line-height:1.7}.actions{display:flex;gap:14px;margin-top:28px}.btn{padding:13px 22px;border:1px solid var(--gold);border-radius:9px;color:#f4d472;text-decoration:none}.primary{background:linear-gradient(180deg,#f5cb58,#a36a0e);color:#120d04;font-weight:800;box-shadow:0 0 28px #9a641955}.hero-art{position:absolute;right:6%;width:380px;height:380px;display:grid;place-items:center}.cube{width:170px;height:170px;border:2px solid var(--gold);display:grid;place-items:center;font-size:48px;font-weight:900;color:var(--gold2);transform:rotate(45deg);box-shadow:0 0 60px #b87b1644,inset 0 0 40px #b87b1622}.ring{position:absolute;border:1px solid #8f651e;border-radius:50%}.r1{width:330px;height:330px}.r2{width:260px;height:260px;box-shadow:0 0 60px #c68a2022}.glow{position:absolute;right:5%;width:500px;height:500px;background:#c584161b;filter:blur(60px);border-radius:50%}section#tools{padding:80px 6%}.section-title{text-align:center;max-width:700px;margin:0 auto 40px}.section-title h3,.panel h3{font-size:36px;margin:10px}.section-title p,.panel p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:auto}.card{min-height:230px;padding:28px;background:linear-gradient(145deg,#15130f,#090909);border:1px solid #2f291b;border-radius:16px;text-decoration:none;color:white;transition:.25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 15px 50px #000,0 0 25px #a56e1725}.card:after{content:"";position:absolute;width:120px;height:120px;background:#d49b2430;filter:blur(45px);right:-30px;bottom:-30px}.icon{font-size:42px;color:var(--gold2);height:65px}.card h4{font-size:21px;margin:15px 0 7px}.card p{color:#999}.card span{color:#e2b943;font-size:13px}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0b0a}.features div{padding:15px 30px;border-right:1px solid #242117}.features div:last-child{border:0}.features b{color:#eac45e}.features p{color:#777;margin-bottom:0}.panel{max-width:1100px;margin:60px auto;padding:50px;border:1px solid var(--line);border-radius:18px;background:#0c0c0b}footer{text-align:center;padding:40px;color:#666;border-top:1px solid #201d15}@media(max-width:850px){nav,.user{display:none}.hero{padding:50px 6%;min-height:610px}.hero-art{opacity:.18;right:-120px}.hero h1{letter-spacing:-2px}.hero h2{letter-spacing:4px}.grid{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.features div{border:0}.actions{flex-direction:column;align-items:flex-start}}
.auth-modal{display:none;position:fixed;inset:0;background:#000b;backdrop-filter:blur(10px);z-index:999;place-items:center}.auth-modal.show{display:grid}.auth-box{width:min(440px,92vw);background:linear-gradient(145deg,#17140d,#090909);border:1px solid #554018;border-radius:18px;padding:28px;box-shadow:0 30px 100px #000,0 0 45px #c58a1822;position:relative}.auth-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#aaa;font-size:28px;cursor:pointer}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tabs button{flex:1;padding:11px;border:1px solid #39301d;border-radius:8px;background:#0b0b0a;color:#aaa;cursor:pointer}.auth-tabs button.on{border-color:var(--gold);color:var(--gold2);background:#1a1408}.auth-box form{display:grid;gap:13px}.auth-box h3{font-size:25px;margin:0 0 7px}.auth-box input{width:100%;padding:14px;border-radius:9px;border:1px solid #3a3323;background:#090909;color:white;outline:none}.auth-box input:focus{border-color:var(--gold)}.auth-box .btn{cursor:pointer;font-size:14px}#authMsg{color:#e4ad42;min-height:20px;margin-bottom:0}.user{cursor:pointer}

.account-head{display:flex;align-items:center;gap:18px;margin:18px 0 28px}.account-head h3{margin:0}.account-head p{margin:5px 0}.avatar{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f5cb58,#8d5d13);color:#100b03;font-size:30px;font-weight:900}.plan{margin-left:auto;border:1px solid var(--gold);color:var(--gold2);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}.account-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.account-card{background:#090909;border:1px solid #30291b;border-radius:14px;padding:22px}.account-card>b{display:block;color:#e9c25a;margin-bottom:18px}.account-card label{display:grid;gap:7px;color:#aaa;font-size:13px;margin:12px 0}.account-card input,.account-card textarea{padding:12px;border-radius:8px;border:1px solid #383121;background:#111;color:#fff;font:inherit}.account-card textarea{min-height:100px;resize:vertical}.stats div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #242016}.stats div:last-child{border:0}.stats span{color:#888}.stats strong{font-size:14px;text-align:right}#profileMsg{color:var(--gold2);min-height:18px}@media(max-width:850px){.account-grid{grid-template-columns:1fr}.account-head{align-items:flex-start}.plan{margin-left:0}}

.account-menu{display:none;position:fixed;z-index:1200;width:310px;padding:9px;background:linear-gradient(145deg,#17140d,#080808);border:1px solid #44371f;border-radius:14px;box-shadow:0 24px 80px #000,0 0 35px #b87b1620}.account-menu.show{display:block;animation:menuIn .15s ease-out}.account-menu button{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:9px;background:transparent;color:#eee;text-align:left;cursor:pointer}.account-menu button:hover{background:#211908}.account-menu button>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #4c3b1c;border-radius:8px;color:var(--gold2);background:#100d07}.account-menu button div{display:grid;gap:3px}.account-menu button b{font-size:13px}.account-menu button small{font-size:11px;color:#7e7b73}.account-menu .menu-line{height:1px;background:#2d271a;margin:7px}.account-menu .logout-item b{color:#efc75f}.account-menu .logout-item:hover{background:#2a170b}@keyframes menuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.prices-panel{max-width:1200px;margin:auto}.balance-box{margin:24px auto;max-width:420px;padding:18px 24px;border:1px solid #725614;border-radius:14px;background:linear-gradient(135deg,#17130b,#0c0c0c);display:flex;justify-content:space-between;align-items:center}.balance-box span{color:#aaa}.balance-box strong{color:#f4c542;font-size:22px}.credit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:26px}.credit-card{padding:24px 18px;border:1px solid #3b321c;border-radius:16px;background:#10100f;text-align:center}.credit-card.featured{border-color:#d5a91d;box-shadow:0 0 28px #d5a91d22}.credit-card>span{font-size:11px;letter-spacing:2px;color:#d5a91d}.credit-card h4{font-size:23px;margin:14px 0 6px}.credit-price{font-size:30px;font-weight:800;margin:12px 0 20px;color:#fff}.credit-card .btn{width:100%}.transactions{margin-top:32px;text-align:left;border-top:1px solid #2d291d;padding-top:22px}.tx{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #222}.tx b{color:#e7bd3e}.payment-msg{text-align:center;color:#e7bd3e;min-height:22px}@media(max-width:1000px){.credit-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.credit-grid{grid-template-columns:1fr}}

/* VDCreator official logo */
.brand .vd-logo{width:166px;max-height:62px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px #b67b1b50)}
.hero .vd-hero-logo{display:block;width:min(550px,100%);max-height:210px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 28px #a26b263b)}
@media(max-width:650px){.brand .vd-logo{width:125px}.hero .vd-hero-logo{max-height:150px}}


/* V81 - schaalbaar tekstlogo, geen pixelafbeelding */
.vd-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;isolation:isolate;line-height:.82;white-space:nowrap;vertical-align:middle;font-family:Impact,"Arial Black",Arial,sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.055em;filter:drop-shadow(0 4px 2px #000a)}
.vd-wordmark-top{display:block;position:relative;align-self:center;line-height:.86}
.vd-wordmark-vd{display:block;background:linear-gradient(175deg,#fff3a4 0%,#ffda50 18%,#b76b00 40%,#ffdb55 58%,#794006 81%,#ffc343 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.018em #5e3308;text-shadow:0 .07em .02em #160c04aa;filter:drop-shadow(0 0 .06em #ffbd33)}
.vd-wordmark-crown{position:absolute;right:-.42em;top:-.3em;font-size:.44em;font-style:normal;color:#ffcf43;-webkit-text-stroke:.025em #643600;transform:rotate(15deg);text-shadow:0 2px 0 #623300,0 0 7px #ffbd3b}
.vd-wordmark-creator{display:block;background:linear-gradient(180deg,#fff 0%,#cbd0d7 19%,#6d6e76 42%,#f9f9fc 59%,#8e909a 78%,#fff0a0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.012em #b57b22;text-shadow:0 .075em .025em #251300b8;filter:drop-shadow(0 0 .04em #ffc453)}
.brand .vd-wordmark{font-size:clamp(18px,2.4vw,27px)}
.hero .vd-wordmark{font-size:clamp(50px,8.5vw,112px);margin:18px 0 12px;max-width:100%}
.vd-tool-wordmark{font-size:24px!important;flex-shrink:0;margin-right:7px}
@media(max-width:650px){.hero .vd-wordmark{font-size:clamp(43px,11vw,73px)}.brand .vd-wordmark{font-size:20px}}