:root{
  --gt-bg:#0B0F1E; --gt-bg-alt:#121933; --gt-surface:#161D3B; --gt-surface-2:#1C2447;
  --gt-border:rgba(127,119,221,.25); --gt-border-strong:rgba(127,119,221,.5);
  --gt-primary:#8B7CF6; --gt-primary-2:#5B4FE0; --gt-gold:#F2B33D; --gt-cyan:#3DD9F2;
  --gt-teal:#2FD9A8; --gt-text:#D8DCF0; --gt-text-dim:#9098BF; --gt-heading:#FFFFFF;
  --gt-body-font:'Inter',sans-serif; --gt-heading-font:'Poppins',sans-serif;
  --gt-radius:10px; --gt-width:1240px;
  --gt-gradient: linear-gradient(135deg,var(--gt-primary-2) 0%,var(--gt-primary) 50%,var(--gt-cyan) 100%);
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--gt-body-font);color:var(--gt-text);background:var(--gt-bg);line-height:1.65}
h1,h2,h3,h4{font-family:var(--gt-heading-font);color:var(--gt-heading);margin:0 0 .5em;font-weight:600}
a{color:var(--gt-primary);text-decoration:none}
.gt-container{max-width:var(--gt-width);margin:0 auto;padding:0 24px}
.gt-section{padding:64px 0}

/* ---------------- HEADER / NAV ---------------- */
.gt-site-header{background:rgba(11,15,30,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--gt-border);position:sticky;top:0;z-index:100}
.gt-header-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 24px}
.gt-logo a{font-family:var(--gt-heading-font);font-weight:700;font-size:20px;background:var(--gt-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.gt-main-nav{display:flex;align-items:center;gap:28px}
.gt-main-nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;align-items:center}
.gt-main-nav > ul > li{position:relative}
.gt-main-nav a{color:#EDEFFA;font-size:14px;font-weight:500;transition:color .2s}
.gt-main-nav > ul > li > a:hover{color:var(--gt-primary)}
.gt-main-nav li.menu-item-has-children > a::after{content:" \25BE";font-size:10px;color:var(--gt-text-dim);margin-left:4px}
.gt-main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;padding:14px 8px 8px;background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:10px;min-width:220px;list-style:none;box-shadow:0 12px 32px rgba(0,0,0,.5);z-index:200}
.gt-main-nav > ul > li:hover > .sub-menu{display:block}
.gt-main-nav .sub-menu li a{display:block;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--gt-text-dim)}
.gt-main-nav .sub-menu li a:hover{background:var(--gt-surface-2);color:var(--gt-primary)}
.gt-header-cta{background:var(--gt-gradient);color:#fff !important;padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;box-shadow:0 4px 18px rgba(139,124,246,.35)}
.gt-nav-toggle{display:none;background:none;border:1px solid var(--gt-border);color:var(--gt-text);border-radius:8px;padding:8px 10px;font-size:18px}

/* ---------------- HERO ---------------- */
.gt-hero{position:relative;padding:96px 0 80px;text-align:center;overflow:hidden;
  background:radial-gradient(circle at 30% 20%,rgba(139,124,246,.25),transparent 55%),radial-gradient(circle at 75% 60%,rgba(61,217,242,.18),transparent 55%),var(--gt-bg)}
.gt-hero h1{font-size:42px;background:var(--gt-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.gt-hero p{max-width:560px;margin:0 auto 28px;color:var(--gt-text-dim);font-size:16px}

/* ---------------- BUTTONS ---------------- */
.gt-btn{display:inline-block;padding:13px 26px;border-radius:var(--gt-radius);font-weight:600;font-size:14px;transition:transform .15s,box-shadow .15s}
.gt-btn-primary{background:var(--gt-gradient);color:#fff;box-shadow:0 6px 22px rgba(139,124,246,.4)}
.gt-btn-primary:hover{transform:translateY(-2px)}
.gt-btn-outline{border:1px solid var(--gt-border-strong);color:var(--gt-text)}
.gt-btn-outline:hover{background:var(--gt-surface-2);color:var(--gt-primary)}
.gt-btn-white{background:#fff;color:var(--gt-primary-2)}

/* ---------------- TOOLS GRID ---------------- */
.gt-section-title{text-align:center;font-size:28px;margin-bottom:36px}
.gt-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:24px}
.gt-tool-card{display:block;background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:16px;padding:28px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s;text-decoration:none;color:inherit;cursor:pointer}
.gt-tool-card::before{content:"";position:absolute;inset:0;background:var(--gt-gradient);opacity:0;transition:opacity .2s;pointer-events:none}
.gt-tool-card:hover{transform:translateY(-4px);border-color:var(--gt-border-strong)}
.gt-tool-card h3{color:#fff}
.gt-tool-card p{color:var(--gt-text-dim);font-size:14px}
.gt-tool-card .gt-btn{pointer-events:none}

/* ---------------- TOOL TABS (calculator suite) ---------------- */
.gt-tool-tabs{background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:16px;padding:8px;margin:24px 0}
.gt-tool-tabs-nav{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-bottom:1px solid var(--gt-border);margin-bottom:20px}
.gt-tool-tab-btn{background:transparent;border:1px solid transparent;color:var(--gt-text-dim);padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}
.gt-tool-tab-btn:hover{color:var(--gt-text)}
.gt-tool-tab-btn.active{background:var(--gt-gradient);color:#fff}
.gt-tool-tab-panel{display:none;padding:8px 18px 22px}
.gt-tool-tab-panel.active{display:block}

/* Calculator internals now ship natively dark from the plugin's own frontend.css (assets/css/frontend.css) */

/* ---------------- BLOG ---------------- */
.gt-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.gt-blog-card{background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:16px;overflow:hidden;padding-bottom:18px;transition:transform .2s,border-color .2s}
.gt-blog-card:hover{transform:translateY(-4px);border-color:var(--gt-border-strong)}
.gt-blog-card img,.gt-blog-thumb-placeholder{width:100%;height:150px;object-fit:cover;background:linear-gradient(135deg,var(--gt-primary-2),var(--gt-cyan))}
.gt-blog-card.cat-bloxfruits .gt-blog-thumb-placeholder{background:linear-gradient(135deg,#5B4FE0,#F2B33D)}
.gt-blog-card.cat-adoptme .gt-blog-thumb-placeholder{background:linear-gradient(135deg,#2FD9A8,#3DD9F2)}
.gt-blog-card.cat-guides .gt-blog-thumb-placeholder{background:linear-gradient(135deg,#8B7CF6,#F2B33D)}
.gt-blog-card h3{padding:0 18px;font-size:16px;color:#fff}
.gt-blog-card p{padding:0 18px;color:var(--gt-text-dim);font-size:13px}
.gt-read-more{padding:0 18px;color:var(--gt-cyan);font-size:13px;font-weight:600}
.gt-blog-meta{padding:0 18px;font-size:11px;color:var(--gt-text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}

/* ---------------- FAQ ---------------- */
.gt-faq-item{background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:12px;margin-bottom:10px;overflow:hidden}
.gt-faq-question{width:100%;text-align:left;background:none;border:none;padding:16px 18px;font-size:15px;color:#fff;cursor:pointer;display:flex;justify-content:space-between}
.gt-faq-toggle{color:var(--gt-primary)}
.gt-faq-answer{display:none;padding:0 18px 16px;color:var(--gt-text-dim)}
.gt-faq-item.active{border-color:var(--gt-border-strong)}
.gt-faq-item.active .gt-faq-answer{display:block}
.gt-faq-search input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--gt-border);background:var(--gt-surface);color:var(--gt-text);margin-bottom:24px}

/* ---------------- CTA ---------------- */
.gt-cta-section{background:var(--gt-gradient);text-align:center;border-radius:0}
.gt-cta-section h2,.gt-cta-section p{color:#fff}

/* ---------------- FOOTER ---------------- */
.gt-site-footer{background:var(--gt-bg-alt);border-top:1px solid var(--gt-border);margin-top:0}
.gt-footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:56px 24px}
.gt-footer-col h4{color:#fff;font-size:14px;margin-bottom:14px}
.gt-footer-col p{color:var(--gt-text-dim);font-size:13px}
.gt-footer-col ul{list-style:none;margin:0;padding:0}
.gt-footer-col ul li{margin-bottom:10px}
.gt-footer-col ul li a{color:var(--gt-text-dim);font-size:13px}
.gt-footer-col ul li a:hover{color:var(--gt-primary)}
.gt-footer-brand{font-family:var(--gt-heading-font);font-weight:700;font-size:20px;background:var(--gt-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px;display:inline-block}
.gt-footer-social{display:flex;gap:10px;margin-top:14px}
.gt-footer-social a{width:34px;height:34px;border:1px solid var(--gt-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gt-text-dim);font-size:13px}
.gt-footer-bottom{border-top:1px solid var(--gt-border);padding:18px 0;text-align:center;font-size:12px;color:var(--gt-text-dim)}

/* ---------------- GENERIC FORM ELEMENTS (comment form, search widget, contact form) ---------------- */
input,textarea,select{background:var(--gt-surface-2);color:var(--gt-text);border:1px solid var(--gt-border);border-radius:8px;padding:10px 12px;font-family:var(--gt-body-font)}
input::placeholder,textarea::placeholder{color:var(--gt-text-dim)}
button,input[type=submit]{background:var(--gt-gradient);color:#fff;border:none;border-radius:var(--gt-radius);padding:10px 18px;font-weight:600;cursor:pointer}
.comment-form,.comment-respond{color:var(--gt-text)}
::selection{background:var(--gt-primary);color:#fff}

/* ---------------- BREADCRUMBS / MISC ---------------- */
.gt-breadcrumbs{font-size:13px;color:var(--gt-text-dim);margin-bottom:16px}
.gt-breadcrumbs a{color:var(--gt-text-dim)}
.gt-author-box{display:flex;gap:14px;align-items:center;background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:14px;padding:18px;margin:32px 0}
.gt-author-name{color:#fff;font-weight:600}
.gt-page-content,.gt-post-content{color:var(--gt-text)}
.gt-page-content h1,.gt-post-content h1{color:#fff}

/* ---------------- MOBILE ---------------- */
@media (max-width:900px){
  .gt-footer-inner{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .gt-main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--gt-bg-alt);border-bottom:1px solid var(--gt-border);padding:12px 24px}
  .gt-main-nav ul{flex-direction:column;align-items:flex-start;gap:4px}
  .gt-main-nav .sub-menu{position:static;display:block;box-shadow:none;margin:4px 0 8px 12px;border:none;padding:0}
  .gt-nav-toggle{display:inline-block}
  .gt-hero h1{font-size:28px}
  .gt-tools-grid,.gt-blog-grid{grid-template-columns:1fr}
  .gt-footer-inner{grid-template-columns:1fr}
  .gt-tool-tabs-nav{overflow-x:auto;flex-wrap:nowrap}
}