@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Syne:wght@400;600;700;800&display=swap";.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fafafacc;width:100%;padding:2rem 0;position:sticky;top:0}.header-container{align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{object-fit:contain;height:36px}.header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.tool-card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:24px;flex-direction:column;justify-content:space-between;height:100%;min-height:280px;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005}.tool-card:before{content:"";opacity:0;width:100%;height:100%;transition:var(--transition-smooth);background:linear-gradient(135deg,#f973160d 0%,#0000 60%);position:absolute;top:0;left:0}.tool-card:hover{border-color:#f9731633;transform:translateY(-8px);box-shadow:0 20px 40px #0000000f}.tool-card:hover:before{opacity:1}.tool-title{letter-spacing:-.03em;z-index:1;margin-bottom:1rem;font-size:2rem;position:relative}.tool-desc{color:var(--text-secondary);z-index:1;font-size:1.1rem;line-height:1.6;position:relative}.tool-action{z-index:1;justify-content:flex-end;margin-top:2rem;display:flex;position:relative}.arrow{width:48px;height:48px;color:var(--text-primary);transition:var(--transition-smooth);background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.tool-card:hover .arrow{background:var(--brand-orange);color:#fff;transform:rotate(45deg)}.disabled{opacity:.6;cursor:default}.disabled:hover{border-color:var(--border-color);transform:none;box-shadow:0 4px 20px #00000005}.badge{color:var(--text-secondary);letter-spacing:.05em;background:#f3f4f6;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.main-content{max-width:1200px;margin:0 auto;padding:5rem 2rem}.hero{margin-bottom:5rem;animation:1s cubic-bezier(.22,1,.36,1) forwards fadeUp}.hero-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.5rem;font-size:5rem}.hero-subtitle{color:var(--text-secondary);letter-spacing:-.01em;font-size:1.5rem;font-weight:400}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;display:grid}.tools-grid .tool-card:first-child{animation:1s cubic-bezier(.22,1,.36,1) .1s both fadeUp}.tools-grid .tool-card:nth-child(2){animation:1s cubic-bezier(.22,1,.36,1) .2s both fadeUp}.tools-grid .tool-card:nth-child(3){animation:1s cubic-bezier(.22,1,.36,1) .3s both fadeUp}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:4rem;padding:4rem 2rem;font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-title{font-size:3rem}.main-content{padding:3rem 1.5rem}}:root{--bg-color:#fafafa;--text-primary:#111827;--text-secondary:#4b5563;--brand-orange:#f97316;--card-bg:#fff;--border-color:#0000000d;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--transition-smooth:all .6s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:inherit}