/* FCT VIBRANT GRADIENT — visual-only override, no tool logic changed */
:root,body,body.dark,body.light{color-scheme:light;--bg:#f7f8ff;--panel:#fff;--panel2:#f3f4ff;--text:#11183c;--muted:#64708e;--line:#e3e6f6;--accent:#6a38ff;--accent2:#ec2cb9}
body,body.dark,body.light{background:#f7f8ff;color:var(--text);font-family:'DM Sans',system-ui,sans-serif}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 5% 25%,#a8d7ff35,transparent 35%),radial-gradient(circle at 95% 60%,#ffd0ec40,transparent 30%)}
header,body.dark header,body.light header{position:relative;z-index:5;max-width:none;min-height:76px;background:#090b40;color:#fff;border-bottom:1px solid #ffffff20;padding-inline:max(24px,calc((100vw - 1220px)/2));box-shadow:0 5px 30px #120b6633}
.logo,body.dark .logo{font-size:21px;color:#fff;letter-spacing:-.7px}.logo:before{content:'◆';display:inline-grid;place-items:center;margin-right:9px;color:#ff7a55;text-shadow:3px -3px #d529d9,-3px 3px #2e9bff;font-size:22px}.logo span,body.dark .logo span{color:#fff}
nav a,body.dark nav a{color:#e8eaff}nav a:hover,body.dark nav a:hover{color:#ff7fce}nav button,body.dark nav button{background:#ffffff15;color:#fff;border-color:#ffffff2b;border-radius:999px}
main{max-width:1220px}.hero{isolation:isolate;position:relative;margin:0 -22px 46px;padding:92px 28px 78px;min-height:500px;overflow:hidden;background:radial-gradient(circle at 78% 25%,#f433dca0,transparent 28%),radial-gradient(circle at 20% 88%,#087dffb0,transparent 35%),linear-gradient(120deg,#090b47 0%,#1825b0 46%,#4c0ca9 78%,#ff377f 110%);border-radius:0 0 32px 32px;color:#fff;box-shadow:0 20px 60px #2021a72b}
.hero:before{display:block;content:'';position:absolute;z-index:-1;inset:-65% -40%;border-radius:45%;background:conic-gradient(from 60deg,transparent,#ffb34733,transparent,#26efff55,transparent,#ff41bd55,transparent);animation:fct-orbit 24s linear infinite;box-shadow:none}
.hero:after{content:'✦';position:absolute;right:8%;top:15%;font-size:clamp(90px,18vw,220px);font-weight:900;color:#fff4;text-shadow:0 0 25px #ff39d4,0 0 65px #11eaff;transform:rotate(-12deg);pointer-events:none;animation:fct-float 6s ease-in-out infinite}
.hero .pill,body.dark .hero .pill{background:#ffffff1e;border:1px solid #ffffff55;color:#fff;backdrop-filter:blur(12px);font-weight:800}
.hero h1,body.dark .hero h1{position:relative;z-index:1;color:#fff;letter-spacing:-4px;font-size:clamp(43px,6.6vw,82px);max-width:870px;margin:25px auto 20px;text-shadow:0 4px 30px #0a0b6e66}
.hero h1 em,body.dark .hero h1 em{background:linear-gradient(95deg,#7af5ff,#fa8cff,#ffb756);background-clip:text;color:transparent}
.hero p{position:relative;z-index:1;color:#e7eaff;max-width:650px}
.primary,body.dark .primary{position:relative;z-index:1;background:linear-gradient(105deg,#0b87ff,#8838ff 55%,#ff3b99);border:0;color:#fff;border-radius:16px;box-shadow:0 12px 30px #1a1bb65c;padding:15px 26px;transition:transform .25s,filter .25s,box-shadow .25s}
.primary:hover,body.dark .primary:hover{background:linear-gradient(105deg,#0b87ff,#8838ff 55%,#ff3b99);transform:translateY(-4px);filter:saturate(1.2);box-shadow:0 18px 35px #ee31a956}
.hero-trust{position:relative;z-index:1;color:#f0ecff;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.hero-trust span{padding:8px 13px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff17;backdrop-filter:blur(8px)}.hero-trust span:before{color:#8df6ff}
.sectionhead h2,.about h2,body.dark .sectionhead h2,body.dark .about h2{color:#12183f;font-size:clamp(26px,3vw,36px)}.sectionhead p,.about p{color:#6a7694}
#search,body.dark #search{background:#fff;border:1px solid #dcdff3;color:#18204a;box-shadow:0 5px 20px #293eb00d;border-radius:999px;padding:14px 22px}
.tabs{gap:10px}.tab,body.dark .tab{background:#fff;border:1px solid #e0e4f6;color:#4b567d;border-radius:999px;box-shadow:0 4px 12px #232b7608}.tab:hover{border-color:#a85aff;color:#6235dc}.tab.active,body.dark .tab.active{background:linear-gradient(110deg,#1168fa,#9138ed,#f338a3);color:#fff;border-color:transparent;box-shadow:0 6px 20px #713bce3c}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,body.dark .card{background:#fff;color:#192046;border:1px solid #e5e7f6;box-shadow:0 8px 24px #273e8a0f;border-radius:20px;min-height:160px;transition:transform .28s,box-shadow .28s,border-color .28s}.card:nth-child(6n+1){--card-hue:#ff425c;--card-tint:#fff0f2}.card:nth-child(6n+2){--card-hue:#147bff;--card-tint:#eaf3ff}.card:nth-child(6n+3){--card-hue:#9b38fa;--card-tint:#f5eaff}.card:nth-child(6n+4){--card-hue:#0ebc96;--card-tint:#e6fbf5}.card:nth-child(6n+5){--card-hue:#fa8a20;--card-tint:#fff2e5}.card:nth-child(6n){--card-hue:#f43c9d;--card-tint:#ffebf6}
.card:hover,body.dark .card:hover{transform:translateY(-7px);border-color:var(--card-hue);box-shadow:0 20px 38px #3130a42a}.card .symbol,body.dark .card .symbol{display:inline-grid;place-items:center;width:54px;height:54px;border:0;border-radius:15px;background:var(--card-tint);color:var(--card-hue);font-size:28px;box-shadow:0 5px 16px #181b7010}.card strong,body.dark .card strong{color:#171b3e}.card small,body.dark .card small{color:#69758d}.card:after,body.dark .card:after{color:var(--card-hue)}
.workspace,body.dark .workspace{background:#fff;color:#172044;border:1px solid #e4e7f6;box-shadow:0 14px 40px #242e8414;border-radius:25px}.eyebrow{color:#7a38ee}.ghost,body.dark .ghost{background:#f4f3ff;color:#5638a8;border-color:#e4defa}.drop,body.dark .drop{background:linear-gradient(135deg,#f7faff,#fdf5ff);border:2px dashed #b4a8f8;color:#18224b;border-radius:20px;transition:background .2s,border-color .2s}.drop:hover,.drop.drag{background:#f3ecff;border-color:#8a3bf3}.drop span{color:#64708e}
input,select,textarea,body.dark input,body.dark select,body.dark textarea{background:#fff;color:#1b2548;border-color:#e0e4f1}.workspace button:not(.ghost):not(.ai-remove):not(.remove-file),.calculator-inputs button{border-radius:13px}.workspace button.primary{background:linear-gradient(110deg,#187cff,#8d3bf7,#ff489a);color:#fff}
.tool-hero{position:relative;overflow:hidden;margin:0 -22px 28px;padding:58px 35px 50px;background:radial-gradient(circle at 90% 0%,#ef2acb7a,transparent 34%),linear-gradient(115deg,#080c48,#1c2aa2 60%,#6c17a5);border-radius:0 0 28px 28px;color:#fff}.tool-hero:after{content:'✦';position:absolute;right:8%;top:8%;font-size:120px;color:#ffffff1c;pointer-events:none;animation:fct-float 7s ease-in-out infinite}.tool-hero h1,body.dark .tool-hero h1{position:relative;color:#fff;font-size:clamp(34px,5vw,56px);letter-spacing:-2px}.tool-hero p{position:relative;color:#e4e7ff;max-width:760px}.breadcrumbs,.breadcrumbs a{color:#cbd5ff}.breadcrumbs a:hover{color:#fff}
.tool-guide article,body.dark .tool-guide article{background:#fff;border-color:#e2e6f5;box-shadow:0 8px 25px #252d7c0e;color:#172044;border-radius:20px}.related-links a,body.dark .related-links a{color:#6536df;border-color:#ded6f7}.related-links a:hover{border-color:#8a38ef}
.ai-file-chip,body.dark .ai-file-chip{background:#f4f2ff;border-color:#ddd6fc}.ai-progress progress{accent-color:#8736ef}.ai-warning,body.dark .ai-warning{background:#fff8ed;color:#785118;border-color:#f1d49e}
footer,body.dark footer{background:#fff;color:#68718a;border-color:#e5e8f5}.about{padding:75px 15px}
@keyframes fct-orbit{to{transform:rotate(360deg)}}@keyframes fct-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-15px) rotate(-6deg)}}@keyframes fct-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero .pill,.hero h1,.hero p,.hero .primary{animation:fct-rise .7s ease both}.hero h1{animation-delay:.08s}.hero p{animation-delay:.16s}.hero .primary{animation-delay:.24s}
@media(max-width:760px){header{padding-inline:17px;min-height:66px}.hero{margin:0 -16px 28px;padding:72px 18px 55px;border-radius:0 0 23px 23px;min-height:0}.hero:after{right:-3%;top:20%;font-size:95px;opacity:.45}.hero h1{letter-spacing:-2px}.hero-trust{gap:7px}.hero-trust span{font-size:11px;padding:6px 9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:18px;min-height:160px}.tool-hero{margin:0 -16px 20px;padding:42px 18px 36px}.tool-hero:after{font-size:80px;right:0}.workspace{padding:18px}.sectionhead{align-items:stretch}.sectionhead #search{width:100%}}
@media(max-width:470px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:14px;min-height:150px}.card .symbol{width:45px;height:45px;font-size:23px}.card strong{font-size:14px}.card small{font-size:11px}.hero h1{font-size:clamp(38px,10vw,51px)}.logo{font-size:16px}.logo:before{font-size:17px;margin-right:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}