@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #fbbf24;--accent-glow: rgba(251, 191, 36, .3);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 10%,rgba(251,191,36,.05) 0%,transparent 30%),radial-gradient(circle at 90% 90%,rgba(251,191,36,.05) 0%,transparent 30%);color:var(--text-primary);min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center}.back-link{align-self:flex-start;color:var(--text-secondary);text-decoration:none;font-weight:400;display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;transition:color .3s}.back-link:hover{color:var(--accent-color)}header{text-align:center;margin-bottom:3rem;width:100%}h1{font-size:2.5rem;font-weight:600;background:linear-gradient(to right,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;width:100%;max-width:800px}.tool-card{background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:20px;padding:1.5rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.tool-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 20px -5px #0000004d,0 0 15px var(--accent-glow)}.tool-icon{font-size:2.5rem;background:#ffffff0d;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:transform .3s}.tool-card:hover .tool-icon{transform:scale(1.1);background:var(--accent-color);color:var(--bg-color)}.tool-card h2{font-size:1.1rem;font-weight:400;color:var(--text-primary)}@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:1rem}h1{font-size:2rem}}