@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-dark:#090d16;--bg-card:#0f172abf;--bg-card-hover:#1e293bd9;--border-glow:#38bdf833;--border-muted:#ffffff14;--accent-cyan:#38bdf8;--accent-emerald:#10b981;--accent-violet:#a855f7;--accent-pink:#ec4899;--accent-amber:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-display:swap;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% 12%,#38bdf817 0%,#0000 45%),radial-gradient(circle at 88% 80%,#a855f717 0%,#0000 45%),radial-gradient(circle at 50% 45%,#10b9810a 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;word-wrap:break-word;overflow-wrap:break-word}p,span,li,td,th{word-wrap:break-word;overflow-wrap:break-word}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #0009}.glass-card:hover{border-color:#38bdf859;box-shadow:0 16px 36px -8px #38bdf81f}.glass-input{border:1px solid var(--border-muted);color:var(--text-main);background:#0a0f1ad9;border-radius:10px;outline:none;width:100%;min-height:44px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.glass-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #38bdf82e}.btn-primary{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#0284c7 0%,#2563eb 50%,#7c3aed 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 24px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb73}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-main);border:1px solid var(--border-muted);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.badge-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-cyan);white-space:normal;word-break:break-word;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:6px;max-width:100%;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-privacy{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b9814d}html,body{max-width:100vw;overflow-x:hidden}*{max-width:100%}.ad-slot-wrapper{text-align:center;contain:layout;content-visibility:auto;background:#0f172a80;border:1px dashed #ffffff1f;border-radius:12px;min-height:120px;margin:24px 0;padding:16px}.ad-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px;font-size:.68rem;display:block}.skeleton-loader{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:12px;width:100%;min-height:250px;animation:1.5s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.main-container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}@media (width>=1025px){.mobile-toggle{display:none!important}}@media (width<=1024px){.desktop-only{display:none!important}.mobile-toggle{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex!important}.main-container{padding:0 14px!important}.glass-card{border-radius:14px!important;padding:20px 16px!important}.hide-on-mobile{display:none!important}h1{font-size:1.7rem!important;line-height:1.25!important}h2{font-size:1.3rem!important;line-height:1.3!important}h3{font-size:1.15rem!important}p{font-size:.88rem!important}.btn-primary,.btn-secondary{width:100%;padding:12px 16px;font-size:.88rem}main.main-container{padding-top:16px!important}}@media (width<=480px){.main-container{padding:0 10px!important}.glass-card{border-radius:12px!important;padding:16px 14px!important}h1{font-size:1.45rem!important}h2{font-size:1.2rem!important}.badge-tag{padding:3px 8px!important;font-size:.7rem!important}}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.responsive-grid-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.flex-wrap-container{flex-wrap:wrap;align-items:center;display:flex}@media (width<=480px){.responsive-grid{grid-template-columns:1fr;gap:16px}.responsive-grid-sm{grid-template-columns:1fr;gap:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#07090e}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.tools-5card-grid{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:10px;display:flex}.tool-advanced-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#0c111dd9;border:1px solid #38bdf82e;border-radius:18px;flex-direction:column;flex:calc(33.333% - 22px);justify-content:space-between;gap:20px;min-width:290px;max-width:380px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0009}.tool-advanced-card:before{content:"";background:var(--card-accent-gradient,linear-gradient(90deg, #0284c7, #a855f7));opacity:.9;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tool-advanced-card:hover{background:#11192bf2;border-color:#38bdf873;transform:translateY(-6px);box-shadow:0 20px 40px -12px #38bdf840,0 0 30px #38bdf81f}.tool-card-cta{color:#fff;cursor:pointer;alignItems:center;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:10px;justify-content:center;gap:8px;width:100%;padding:12px 18px;font-size:.88rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #0284c74d}.tool-advanced-card:hover .tool-card-cta{background:linear-gradient(135deg,#0284c7,#9333ea);transform:scale(1.02);box-shadow:0 6px 20px #38bdf873}@media (width<=1024px){.tool-advanced-card{flex:calc(50% - 22px);max-width:100%}}@media (width<=640px){.tools-5card-grid{gap:16px}.tool-advanced-card{flex:100%;max-width:100%;padding:20px 16px}}@keyframes floatOrb1{0%,to{opacity:.4;transform:translate(0)scale(1)}50%{opacity:.7;transform:translate(30px,-20px)scale(1.15)}}@keyframes floatOrb2{0%,to{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.6;transform:translate(-35px,25px)scale(1.2)}}.ambient-orb-1{filter:blur(45px);pointer-events:none;z-index:0;background:radial-gradient(circle,#38bdf840 0%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:9s ease-in-out infinite floatOrb1;position:absolute;top:-80px;left:15%}.ambient-orb-2{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#9333ea38 0%,#0000 70%);border-radius:50%;width:280px;height:280px;animation:11s ease-in-out infinite floatOrb2;position:absolute;bottom:-60px;right:15%}@keyframes textGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-gradient-text{background:linear-gradient(135deg,#38bdf8 0%,#a855f7 35%,#10b981 70%,#38bdf8 100%) 0 0/250%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s linear infinite textGradientShift}@keyframes pulseRing{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseRing;display:inline-block}.tool-advanced-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);width:50%;height:200%;transition:all .75s;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}.tool-advanced-card:hover:after{left:130%}
