:root{
  --ct-bg:#fffdf3;
  --ct-text:#0b1220;
  --ct-purple:#6C4DFF;
  --ct-yellow:#FFD93D;
  --ct-green:#5EDC8A;
  --ct-border:#111827;
}
*{box-sizing:border-box}
.ct-header{background:#fffdf3;border-bottom:4px solid var(--ct-border);position:sticky;top:0;z-index:9990}
.ct-wrap{max-width:1200px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.ct-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ct-text);font-weight:1000;font-size:24px;letter-spacing:-.5px}
.ct-logo{width:38px;height:34px;background:var(--ct-yellow);border:4px solid var(--ct-border);box-shadow:4px 4px 0 var(--ct-border);display:inline-block;position:relative}
.ct-logo:before{content:"";position:absolute;top:-11px;left:6px;width:8px;height:10px;background:var(--ct-border);box-shadow:14px 0 0 var(--ct-border)}
.ct-nav{display:flex;align-items:center;gap:14px;margin-left:auto}
.ct-nav a{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--ct-text);font-weight:1000;text-transform:uppercase;font-size:14px;padding:12px 16px;border:3px solid transparent;border-radius:18px;transition:.15s}
.ct-nav a:hover{border-color:var(--ct-border);background:#fff;box-shadow:4px 4px 0 var(--ct-border);transform:translate(-2px,-2px)}
.ct-nav a.active{background:var(--ct-purple);color:#fff;border-color:var(--ct-border);box-shadow:6px 6px 0 var(--ct-border)}
.ct-actions{display:flex;align-items:center;gap:12px}
.ct-profile{position:relative}
.ct-profile-btn{display:flex;align-items:center;gap:9px;background:#fff;border:4px solid var(--ct-border);border-radius:999px;padding:8px 14px;font-weight:1000;cursor:pointer;box-shadow:4px 4px 0 var(--ct-border)}
.ct-avatar{width:28px;height:28px;border-radius:50%;background:var(--ct-yellow);border:3px solid var(--ct-border);display:flex;align-items:center;justify-content:center;font-weight:1000}
.ct-profile-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:3px solid var(--ct-border);border-radius:18px;box-shadow:6px 6px 0 var(--ct-border);min-width:180px;overflow:hidden;z-index:10010}
.ct-profile-menu.show{display:block}
.ct-profile-menu a{display:block;padding:13px 16px;color:var(--ct-text);font-weight:900;text-decoration:none;border-bottom:2px solid #eee}
.ct-profile-menu a:hover{background:var(--ct-yellow)}
.ct-hamb{display:none;width:48px;height:44px;background:#fff;border:4px solid var(--ct-border);border-radius:16px;box-shadow:4px 4px 0 var(--ct-border);cursor:pointer;padding:9px}
.ct-hamb span{display:block;height:4px;background:var(--ct-border);border-radius:99px;margin:4px 0}
.ct-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9995}.ct-overlay.show{display:block}
.ct-mobile-menu{position:fixed;top:0;left:0;width:82vw;max-width:330px;height:100vh;background:#fffdf3;border-right:5px solid var(--ct-border);box-shadow:10px 0 0 rgba(17,24,39,.2);z-index:10000;transform:translateX(-110%);transition:.22s ease;padding:22px 16px;pointer-events:none}
.ct-mobile-menu.open{transform:translateX(0);pointer-events:auto}
.ct-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.ct-menu-head h3{font-size:28px;margin:0;color:var(--ct-text);font-weight:1000}.ct-close{width:46px;height:46px;border:4px solid var(--ct-border);border-radius:16px;background:#fff;font-size:32px;line-height:1;cursor:pointer;font-weight:1000;box-shadow:4px 4px 0 var(--ct-border)}
.ct-mobile-menu a{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ct-text);font-weight:1000;text-transform:uppercase;background:#fff;border:4px solid var(--ct-border);border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:5px 5px 0 var(--ct-border)}
.ct-mobile-menu a.active{background:var(--ct-purple);color:#fff}.ct-mobile-menu a:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ct-border)}
body.ct-menu-open{overflow:hidden}
@media(max-width:860px){.ct-wrap{padding:12px 16px}.ct-brand{font-size:22px}.ct-nav{display:none}.ct-hamb{display:block}.ct-profile-btn span:last-child{display:none}.ct-profile-btn{padding:7px}.ct-profile-menu{right:-4px}.ct-logo{width:34px;height:30px}}


/* ===== Unified Crazy Tool Theme ===== */
html{min-height:100%;}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 7% 86%, rgba(94,220,138,.30), transparent 13%),
    radial-gradient(circle at 93% 88%, rgba(77,140,255,.24), transparent 15%),
    #FFFBEF !important;
  color:#111827;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.ct-header + main, .ct-header + .auto-wrap, .ct-header + .setup-wrap, .ct-header + .docs-wrap, .ct-header + .pricing-page, .ct-header + .ct-page{
  position:relative;
}
.ct-footer{
  margin-top:54px;
  background:#6C4DFF;
  color:#fff;
  border-top:4px solid #111827;
  box-shadow:0 -4px 0 #111827;
}
.ct-footer-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:22px;
  display:flex;
  align-items:center;
  gap:14px;
  font-size:14px;
  font-weight:800;
}
.ct-footer p{margin:0;}
.ct-footer b{color:#FFD93D;}
.ct-logo.small{width:28px;height:25px;border-width:3px;box-shadow:3px 3px 0 #111827;flex:0 0 auto;}
.ct-logo.small:before{top:-8px;left:5px;width:6px;height:7px;box-shadow:10px 0 0 #111827;}
@media(max-width:760px){
  .ct-footer-wrap{justify-content:center;text-align:center;padding:18px 14px;font-size:12px;}
}