@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:hsl(260,95%,65%);--color-primary-light:hsl(260,95%,75%);--color-primary-dark:hsl(260,95%,55%);--color-secondary:hsl(200,100%,60%);--color-secondary-light:hsl(200,100%,70%);--color-accent:hsl(330,100%,65%);--color-accent-light:hsl(330,100%,75%);--color-success:hsl(145,65%,55%);--color-warning:hsl(35,100%,60%);--color-danger:hsl(0,85%,60%);--color-bg-primary:hsl(240,15%,8%);--color-bg-secondary:hsl(240,12%,12%);--color-bg-tertiary:hsl(240,10%,16%);--color-surface:hsla(240,10%,20%,0.5);--color-surface-hover:hsla(240,10%,25%,0.6);--color-text-primary:hsl(0,0%,98%);--color-text-secondary:hsl(0,0%,75%);--color-text-muted:hsl(0,0%,55%);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 4px 16px rgba(0,0,0,0.3);--shadow-lg:0 8px 32px rgba(0,0,0,0.4);--shadow-xl:0 16px 64px rgba(0,0,0,0.5);--shadow-glow:0 0 32px rgba(165,95,255,0.3);--shadow-glow-accent:0 0 32px rgba(255,64,180,0.3);--spacing-xs:0.35rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-display:"Space Grotesk",var(--font-family-base);--font-size-xs:0.7rem;--font-size-sm:0.8rem;--font-size-base:0.93rem;--font-size-lg:1rem;--font-size-xl:1.15rem;--font-size-2xl:1.35rem;--font-size-3xl:1.75rem;--font-size-4xl:2.2rem;--font-size-5xl:2.7rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}body{font-family:var(--font-family-base);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite}.gradient-orb-1{top:-10%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,var(--color-primary),transparent);animation-delay:0s}.gradient-orb-2{top:40%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--color-accent),transparent);animation-delay:5s}.gradient-orb-3{bottom:-10%;left:30%;width:450px;height:450px;background:radial-gradient(circle,var(--color-secondary),transparent);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.header{padding:var(--spacing-lg) 0;border-bottom:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(240,15%,8%,.8);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-base);position:relative}.nav-link:hover{color:var(--color-text-primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--transition-base)}.nav-link:hover:after{width:100%}.hero{padding:var(--spacing-2xl) 0;text-align:center}.hero-title{font-family:var(--font-family-display);font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-primary-light) 50%,var(--color-accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:slideDown .8s ease-out}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto;animation:slideDown .8s ease-out .2s backwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{background:var(--color-surface-hover);border-color:hsla(0,0%,100%,.15);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.card-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.875rem 1.75rem;font-weight:600;font-size:var(--font-size-base);border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:white;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.input-group{margin-bottom:var(--spacing-md)}.label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.input{width:100%;padding:.875rem 1.25rem;background:var(--color-bg-tertiary);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family-base);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(260,95%,65%,.1);background:var(--color-bg-secondary)}.input::placeholder{color:var(--color-text-muted)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.result-box{background:linear-gradient(135deg,hsla(260,95%,65%,.1),hsla(330,100%,65%,.1));border:1px solid hsla(260,95%,65%,.3);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.result-value{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs)}.result-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--color-text-secondary);font-weight:500}.stat-value{color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-lg)}.badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:hsla(145,65%,55%,.15);color:var(--color-success);border:1px solid hsla(145,65%,55%,.3)}.badge-warning{background:hsla(35,100%,60%,.15);color:var(--color-warning);border:1px solid hsla(35,100%,60%,.3)}.badge-danger{background:hsla(0,85%,60%,.15);color:var(--color-danger);border:1px solid hsla(0,85%,60%,.3)}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.nav-links{display:none}.grid-2,.grid-3{grid-template-columns:1fr}}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.section{padding:var(--spacing-2xl) 0}