@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#050b18;--panel:#0b1428;--panel2:#0e1930;--text:#f3f7ff;--muted:#8999b1;--line:#ffffff12;--purple:#7357ff;--cyan:#45d9ff;--green:#39df8a;--shadow:0 30px 90px #0008}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 0,#35219a44,transparent 30%),radial-gradient(circle at 5% 55%,#0b826b22,transparent 25%);z-index:-2}.navbar{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#050b18d9;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{color:white;text-decoration:none;font:700 20px "Space Grotesk"}.brand-mark{color:var(--purple);margin-right:6px}.brand span:last-child{color:#a68fff}.navbar nav{display:flex;gap:28px}.navbar nav a{color:#a3afc2;text-decoration:none;font-size:13px}.navbar nav a:hover{color:white}.nav-actions{display:flex;gap:8px}.icon-btn,.bookmark,.secondary{border:1px solid var(--line);background:#ffffff07;color:white;border-radius:10px;padding:9px 12px;cursor:pointer}.bookmark{background:linear-gradient(135deg,#7457ff,#9a63ff);border:0}.hero,.section{width:min(1180px,90%);margin:auto}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:90px 0}.pill,.eyebrow{color:#52e1c2;font-size:10px;font-weight:800;letter-spacing:1.8px}.pill{display:inline-block;padding:8px 11px;border-radius:20px;background:#39df8a0d;border:1px solid #39df8a22}.hero h1{font:700 clamp(50px,6vw,78px)/.98 "Space Grotesk";letter-spacing:-4px;margin:24px 0}.hero h1 em,.section h2 em{font-style:normal;color:#745cff}.hero p{color:var(--muted);max-width:610px;font-size:17px;line-height:1.7;margin-bottom:28px}.primary{display:inline-block;background:linear-gradient(135deg,#7357ff,#934eff);color:white;border:0;border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none}.hero-stats{display:flex;gap:30px;margin-top:48px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font:700 20px "Space Grotesk"}.hero-stats span{font-size:11px;color:#74859e}.hero-visual{display:flex;justify-content:center}.tool-box{width:430px;height:430px;border:1px solid #ffffff16;border-radius:28px;background:linear-gradient(145deg,#101d3c,#071021);position:relative;box-shadow:var(--shadow);display:grid;place-items:center}.box-top{position:absolute;top:18px;left:20px;right:20px;color:#71829d;font-size:10px;letter-spacing:1.5px}.box-top span{float:right;color:#39df8a}.illustration{font-size:130px;filter:drop-shadow(0 20px 35px #7557ff66)}.floating{position:absolute;padding:15px 20px;border-radius:16px;background:#14254a;border:1px solid #ffffff14;box-shadow:0 15px 35px #0006;font-size:25px}.f1{top:80px;left:70px;color:#43dfff}.f2{top:135px;right:55px;color:#9a6aff}.f3{bottom:90px;left:80px;color:#39df8a}.mini-card{position:absolute;bottom:35px;right:35px;background:#0b1932;border:1px solid #ffffff12;padding:12px 16px;border-radius:13px}.mini-card b{display:block;color:#a18cff;font-size:20px}.mini-card span{font-size:10px;color:#75869e}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section h2{font:700 clamp(35px,4vw,52px)/1.05 "Space Grotesk";letter-spacing:-2px;margin-top:8px}.section-head p{color:var(--muted);margin-top:8px}.search{width:220px;background:#0b1428;border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:white;outline:none}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tool-card{min-height:145px;text-align:left;padding:18px;border-radius:15px;border:1px solid var(--line);background:#ffffff04;color:white;cursor:pointer;transition:.25s}.tool-card:hover{transform:translateY(-4px);border-color:#7457ff66;background:#7457ff09}.tool-card b,.tool-card small{display:block}.tool-card small{color:#71829a;font-size:11px;margin-top:4px}.tool-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px;background:#ffffff0b;font-size:19px}.orange{color:#ffb02e}.green{color:#39df8a}.purple{color:#9b73ff}.blue,.cyan{color:#43dfff}.red{color:#ff6f82}.pink{color:#ff65ba}.teal{color:#36e1d5}.yellow{color:#ffd34d}.workspace{padding-top:45px}.workspace-head{margin-bottom:25px}.workspace-grid{display:grid;grid-template-columns:1fr 260px;gap:16px}.workspace-main,.side-panel{border:1px solid var(--line);background:#0a1427;border-radius:20px;padding:24px;min-height:480px}.tool-panel h3{font:600 24px "Space Grotesk";margin-bottom:20px}.hidden{display:none}.calc-screen{width:100%;height:70px;background:#050c18;border:1px solid var(--line);border-radius:12px;color:white;text-align:right;font-size:28px;padding:0 16px;margin-bottom:10px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-grid button{height:52px;background:#ffffff08;border:1px solid var(--line);border-radius:9px;color:white;font-size:16px;cursor:pointer}.calc-grid .equal{background:#7457ff;border-color:transparent}.calc-grid .wide{grid-column:span 2}.two,.three{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{grid-template-columns:1fr 1fr 1fr}.tool-panel label{display:block;color:#8d9db3;font-size:12px;margin-bottom:14px}.tool-panel input,.tool-panel select,.tool-panel textarea{width:100%;margin-top:6px;background:#050c18;color:white;border:1px solid var(--line);border-radius:9px;padding:12px;outline:none}.tool-panel textarea{height:300px;resize:vertical}.result{padding:16px;border-radius:11px;background:#7357ff0d;border:1px solid #7357ff25;color:#b9a9ff;font-weight:700;font-size:18px;margin:8px 0 14px}.full{width:100%;text-align:center}.panel-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px}.panel-row span{color:#6e8099;font-size:11px}.todo-add{display:flex;gap:8px;margin-bottom:15px}.todo-add input{margin:0!important}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line);color:#c5d0df}.todo-item.done{text-decoration:line-through;opacity:.5}.todo-item button{background:none;border:0;color:#ff7082;cursor:pointer}.password-result{word-break:break-all}.password-options{display:flex;gap:15px;margin:10px 0 20px}.password-options label{display:flex;align-items:center;gap:5px}.password-options input{width:auto;margin:0}.timer-display{text-align:center;font:700 60px "Space Grotesk";padding:45px 0;color:#8e7cff}.qr-output{min-height:220px;display:grid;place-items:center;border:1px dashed #ffffff1c;border-radius:12px;margin:15px 0;color:#687b96}.qr-output img{max-width:220px;background:white;padding:8px}.muted{color:#71829a;font-size:11px}.side-title{color:#6f8199;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;margin-bottom:10px}.side-tool{width:100%;display:flex;justify-content:space-between;padding:13px 10px;background:transparent;color:#c3cedd;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left}.side-tool:hover{color:white}.privacy{margin-top:25px;padding:14px;border-radius:12px;background:#39df8a08;border:1px solid #39df8a18;color:#39df8a;font-size:12px}.privacy small{display:block;color:#74869d;margin-top:5px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.about-grid div{padding:25px;border:1px solid var(--line);border-radius:16px;background:#ffffff04}.about-grid b{font:600 20px "Space Grotesk"}.about-grid p{color:var(--muted);font-size:13px;margin-top:8px}footer{width:90%;margin:auto;border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;color:#6f8199;font-size:11px}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}.side-panel{min-height:auto}.hero-visual{display:none}}@media(max-width:650px){.navbar nav{display:none}.hero{padding:70px 0}.hero h1{letter-spacing:-2px}.hero-stats{gap:16px;flex-wrap:wrap}.tool-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.search{margin-top:18px;width:100%}.two,.three{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:7px}}