*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 50% -20%,#8b5cf64d,#0000 45%),radial-gradient(circle at 100% 100%,#6366f12e,#0000 40%),#050114;font-family:Arial,sans-serif;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:999;background:#0a081eb8;border:1px solid #a855f72e;border-radius:22px;justify-content:space-between;align-items:center;width:94%;max-width:1400px;padding:18px 30px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #00000059}.logo{color:#fff;align-items:center;gap:12px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.logo svg{color:#a855f7;animation:3s ease-in-out infinite logoPulse}.nav-links{gap:35px;list-style:none;display:flex}.nav-links a{color:#d1d5db;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#c084fc}.nav-actions{align-items:center;gap:15px;display:flex}.github-btn,.browse-btn{color:#fff;border-radius:12px;padding:12px 18px;text-decoration:none;transition:all .3s}.github-btn{border:1px solid #a855f740}.browse-btn{cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none}.hero{isolation:isolate;text-align:center;position:relative;overflow:hidden}.hero-v2{min-height:950px;padding:120px 20px 180px}.hero-v2-content{z-index:3;max-width:1100px;margin:auto;position:relative}.badge{color:#c084fc;background:#0c071ea6;border:1px solid #8b5cf6;border-radius:30px;padding:12px 20px;display:inline-block;box-shadow:0 0 25px #8b5cf640}.hero h1{letter-spacing:-3px;max-width:1050px;margin:28px auto 24px;font-size:clamp(48px,8vw,96px);line-height:1.05}.hero span{color:#a855f7;text-shadow:0 0 20px #a855f7b3}.hero p{color:#cbd5e1;max-width:760px;margin:0 auto;font-size:clamp(17px,2vw,23px);line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:35px;display:flex}.hero-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#6d28d9);border:none;border-radius:12px;padding:18px 40px;font-size:18px;text-decoration:none;transition:all .3s;box-shadow:0 0 35px #a855f78c}.secondary-btn{background:0 0;border:1px solid #a855f766}.hero-lock{background:linear-gradient(135deg,#a855f7f2,#3b82f6bf);border-radius:28px;justify-content:center;align-items:center;width:110px;height:110px;margin:45px auto 0;animation:3.5s ease-in-out infinite lockFloat;display:flex;box-shadow:0 0 35px #a855f7a6,0 0 80px #3b82f659}.hero-lock svg{stroke-width:1.7px;width:58px;height:58px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:18px;max-width:760px;margin:42px auto 0;display:grid}.hero-stats div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0824b8;border:1px solid #8b5cf638;border-radius:20px;padding:22px}.hero-stats strong{color:#c084fc;font-size:32px;display:block}.hero-stats span{color:#cbd5e1;font-size:14px}.tool-search{color:#fff;background:#0d0824;border:1px solid #8b5cf659;border-radius:14px;width:100%;max-width:520px;margin-top:42px;padding:16px 20px;font-size:16px}.hero-map{z-index:-1;opacity:.9;background-image:radial-gradient(circle,#a855f7cc 1px,#0000 1.8px),radial-gradient(circle,#3b82f68c 1px,#0000 1.8px);background-size:42px 42px,58px 58px;animation:18s linear infinite alternate mapDrift;position:absolute;inset:0}.map-line{background:linear-gradient(90deg,#0000,#a855f7cc,#3b82f6bf,#0000);width:70%;height:1px;position:absolute;left:15%}.line-one{bottom:26%;transform:rotate(-12deg)}.line-two{bottom:20%;transform:rotate(9deg)}.map-dot{background:#a855f7;border-radius:999px;width:10px;height:10px;animation:2.4s ease-in-out infinite pulseDot;position:absolute;box-shadow:0 0 22px #a855f7}.dot-one{bottom:31%;left:18%}.dot-two{bottom:24%;left:35%}.dot-three{background:#3b82f6;bottom:29%;right:28%}.dot-four{background:#60a5fa;bottom:22%;right:15%}.particles{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particles span{opacity:.35;background:#a855f7;border-radius:50%;width:7px;height:7px;animation:18s linear infinite particleFloat;position:absolute;box-shadow:0 0 18px #a855f7}.particles span:first-child{bottom:-10%;left:8%}.particles span:nth-child(2){animation-delay:2s;bottom:-15%;left:20%}.particles span:nth-child(3){bottom:-8%;left:35%}.particles span:nth-child(4){bottom:-14%;left:50%}.particles span:nth-child(5){bottom:-10%;left:66%}.particles span:nth-child(6){bottom:-18%;left:80%}.particles span:nth-child(7){bottom:-9%;left:90%}.particles span:nth-child(8){bottom:-20%;left:58%}.categories{z-index:10;flex-wrap:wrap;justify-content:center;gap:15px;margin:50px 0 30px;display:flex;position:relative}.categories button{color:#fff;cursor:pointer;background:#1a1235;border:none;border-radius:999px;padding:12px 24px;transition:all .3s}.active-category,.categories button:hover{box-shadow:0 0 20px #8b5cf673;background:#8b5cf6!important}.trust-strip{grid-template-columns:repeat(4,1fr);gap:24px;width:90%;max-width:1300px;margin:60px auto 100px;display:grid}.trust-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#120c28d1;border:1px solid #a855f72e;border-radius:22px;padding:28px;transition:all .35s}.trust-card:hover{border-color:#a855f7;transform:translateY(-8px);box-shadow:0 0 30px #a855f740}.featured-heading,.popular-header{text-align:center;max-width:900px;margin:90px auto 50px}.featured-badge,.popular-header span{color:#c084fc;margin-bottom:18px;font-weight:700;display:inline-block}.featured-heading h2,.popular-header h2,.why h2{margin-bottom:18px;font-size:44px}.featured-heading p,.popular-header p{color:#cbd5e1;line-height:1.8}.popular-tools{width:90%;max-width:1200px;margin:90px auto 80px}.popular-layout{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.popular-main-card,.popular-small-card{color:#fff;background:linear-gradient(135deg,#8b5cf638,#0a071cf2);border:1px solid #a855f747;border-radius:28px;padding:32px;text-decoration:none;transition:all .35s}.popular-main-card{min-height:360px}.popular-side{gap:24px;display:grid}.popular-main-card:hover,.popular-small-card:hover{border-color:#a855f7;transform:translateY(-8px);box-shadow:0 0 45px #a855f747}.popular-tag{color:#c084fc;background:#a855f72e;border-radius:999px;margin-bottom:24px;padding:8px 14px;font-weight:700;display:inline-block}.popular-icon,.tool-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.popular-icon svg,.tool-icon svg{width:30px;height:30px}.tools{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;width:90%;max-width:1400px;margin:0 auto 80px;display:grid}.tool-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100a28a6;border:1px solid #8b5cf626;border-radius:22px;flex-direction:column;gap:18px;min-height:260px;padding:28px;transition:all .35s;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:#a855f7;transform:translateY(-12px)scale(1.02);box-shadow:0 0 25px #a855f733,0 25px 55px #00000059}.tool-card h3{font-size:22px}.tool-card p{color:#cbd5e1;line-height:1.6}.tool-card a{margin-top:auto;text-decoration:none}.tool-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:14px;width:100%;padding:15px;font-weight:600}.coming-soon,.why{width:90%;max-width:1200px;margin:100px auto}.coming-soon{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:24px;justify-content:space-between;align-items:center;padding:40px;display:flex}.coming-left{align-items:center;gap:20px;display:flex}.coming-icon{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;font-size:30px;display:flex}.request-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;padding:14px 24px}.why{text-align:center}.why-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.why-card{background:#0d0824;border:1px solid #8b5cf626;border-radius:20px;padding:30px}.tool-page{width:90%;max-width:800px;margin:120px auto}.tool-page h1{margin-bottom:10px;font-size:48px}.tool-page p{color:#bdbdbd;margin-bottom:40px}.generator-card{background:#0d0824;border:1px solid #8b5cf633;border-radius:24px;padding:40px}.tool-textarea,.tool-input,.tool-select,.generator-card input[type=text]{color:#fff;background:#1a1235;border:none;border-radius:12px;width:100%;margin:15px 0;padding:16px;font-size:16px}.tool-textarea{resize:vertical;min-height:140px}.generate-btn,.copy-btn,.clear-btn{color:#fff;cursor:pointer;border-radius:14px;width:100%;margin-top:15px;padding:16px;font-size:16px}.generate-btn{background:#8b5cf6;border:none}.copy-btn{color:#c084fc;background:0 0;border:1px solid #8b5cf6}.clear-btn{background:#2a2147;border:none}.action-row,.options{grid-template-columns:1fr 1fr;gap:15px;display:grid}.tool-error{color:#ef4444;font-weight:600}.toast{color:#fff;z-index:999;background:#0d0824;border:1px solid #8b5cf659;border-radius:14px;padding:14px 20px;position:fixed;top:25px;right:25px}.tool-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0824c7;border:1px solid #a855f738;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px;padding:18px 22px;display:flex}.tool-brand,.back-home,.browse-tools-link{color:#c084fc;font-weight:600;text-decoration:none}.premium-footer{background:radial-gradient(circle at 50% 0,#a855f733,#0000 35%),#050114d9;border-top:1px solid #a855f72e;margin-top:120px;padding:90px 6% 35px;position:relative;overflow:hidden}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1300px;margin:auto;display:grid}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-column a{color:#94a3b8;text-decoration:none}.footer-bottom{color:#94a3b8;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;max-width:1300px;margin:55px auto 0;padding-top:25px;display:flex}@keyframes lockFloat{50%{transform:translateY(-12px)}}@keyframes mapDrift{to{background-position:30px 15px,-10px 35px}}@keyframes pulseDot{50%{opacity:1;transform:scale(1.7)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(.5)}20%,80%{opacity:.4}to{opacity:0;transform:translateY(-950px)scale(1.4)}}@keyframes logoPulse{50%{filter:drop-shadow(0 0 12px #a855f7);transform:scale(1.08)}}@media (width<=950px){.nav-links{display:none}}@media (width<=900px){.trust-strip,.popular-layout,.footer-grid{grid-template-columns:1fr}.coming-soon{text-align:center;flex-direction:column;gap:25px}}@media (width<=768px){.nav-actions{display:none}.hero-v2{min-height:auto;padding:120px 18px 130px}.hero-v2 h1{letter-spacing:-1px;font-size:46px}.hero-stats,.action-row,.options{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}.tool-brand{color:#fff;align-items:center;gap:10px;display:flex}.tool-nav-actions{flex-wrap:wrap;gap:14px;display:flex}.back-home,.browse-tools-link{background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;padding:10px 14px;display:inline-block}.back-home:hover,.browse-tools-link:hover{color:#fff;background:#8b5cf6}