.tool-page{min-height:100vh;padding-top:calc(var(--header-height) + var(--space-2xl))}.tool-header{text-align:center;padding-top:var(--space-lg);margin-bottom:var(--space-2xl)}.tool-header h1{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-description{font-size:var(--text-lg);color:var(--color-text-muted);max-width:500px;margin:0 auto}.tool-info{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border-subtle)}.tool-info h2{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-xl);text-align:center}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.info-item{text-align:center;padding:var(--space-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.info-item h3{position:relative;display:inline-block;font-size:var(--text-lg);margin-bottom:var(--space-sm)}.info-item h3 svg{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-sm)}.info-item p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.tech-stack{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle);user-select:none}.tech-label{font-size:var(--text-sm);color:var(--color-text-muted)}.tech-icons{display:flex;gap:var(--space-md)}.tech-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);transition:all .2s ease}.tech-item:hover{color:var(--color-accent)}.tech-icon{width:16px;height:16px}.tools-page{min-height:100vh;padding-top:calc(var(--header-height) + var(--space-2xl))}.tools-header{text-align:center;margin-bottom:var(--space-3xl)}.tools-header h1{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tools-description{font-size:var(--text-lg);color:var(--color-text-muted);max-width:500px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);max-width:900px;margin:0 auto}.tool-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl);background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);transition:all .3s ease}.tool-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 12px 40px #6366f126}.tool-icon{display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:var(--space-lg)}.tool-name{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.tool-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.tool-arrow{position:absolute;bottom:var(--space-lg);right:var(--space-lg);font-size:var(--text-xl);color:var(--color-accent);opacity:0;transform:translate(-10px);transition:all .3s ease}.tool-card:hover .tool-arrow{opacity:1;transform:translate(0)}@media(max-width:900px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tool-page,.tools-page{padding-top:calc(var(--header-height) + var(--space-xl))}.info-grid{grid-template-columns:1fr}.tool-header h1,.tools-header h1{font-size:var(--text-3xl)}.tool-header{margin-bottom:var(--space-xl)}.tool-description,.tools-description{font-size:var(--text-base)}.tech-stack{flex-direction:column}.tech-icons{flex-wrap:wrap;justify-content:center}.tools-grid{grid-template-columns:1fr}.tool-card{padding:var(--space-xl)}.tool-arrow{opacity:1;transform:translate(0)}.tool-info{margin-top:var(--space-2xl);padding-top:var(--space-xl)}}@media(max-width:480px){.info-item{padding:var(--space-md)}.info-item h3{font-size:var(--text-base)}.tool-card{padding:var(--space-lg)}.tool-header h1,.tools-header h1{font-size:var(--text-2xl)}}