@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-primary:#070a13;--bg-secondary:#0f1322;--bg-card:#151b30;--bg-card-hover:#1c243f;--border-color:hsla(0,0%,100%,.08);--border-color-hover:rgba(59,130,246,.4);--text-primary:#f3f4f6;--text-secondary:#a1a1aa;--text-muted:#71717a;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-accent:#10b981;--color-accent-hover:#34d399;--color-danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-text:linear-gradient(135deg,#60a5fa,#a78bfa)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}a{color:inherit;text-decoration:none;transition:var(--transition)}button,input,select,textarea{font-family:inherit;font-size:inherit}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition);box-shadow:0 4px 20px rgba(0,0,0,.2)}.card:hover{transform:translateY(-2px);border-color:var(--border-color-hover);box-shadow:0 10px 30px rgba(59,130,246,.1);background-color:var(--bg-card-hover)}.input-field{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--radius-sm);outline:none;transition:var(--transition)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.35)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:hsla(0,0%,100%,.05);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background-color:hsla(0,0%,100%,.08);border-color:var(--text-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.gradient-title{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:rgba(7,10,19,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;justify-content:space-between}.header-container,.logo{display:flex;align-items:center}.logo{gap:.5rem;font-size:1.3rem;font-weight:800;color:var(--text-primary);text-decoration:none}.logo-icon{font-size:1.5rem}.logo-text{letter-spacing:-.03em}.header-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);position:relative;padding:.25rem 0}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition)}.nav-link:hover:after{width:100%}.main-content{max-width:1200px;width:100%;margin:2.5rem auto;padding:0 1.5rem}.site-footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);padding:2.5rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;color:var(--text-secondary);font-size:.9rem}@media (min-width:768px){.footer-container{flex-direction:row;justify-content:space-between;text-align:left}}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--text-primary)}