body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){.hero{gap:2rem;grid-template-columns:1fr;padding:2rem 1rem}.hero-left h1{font-size:2.5rem}.hero-right{flex-direction:column;gap:1rem}.phone{height:300px;width:150px}.navbar{flex-direction:column;padding:1rem}.navbar,.navbar-links{gap:1rem}.features-grid,.steps{grid-template-columns:1fr}}.art-styles{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.art-styles h2{color:#e2e8f0;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.styles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.style-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.style-card:hover{box-shadow:0 20px 40px #00f5ff1a;transform:translateY(-5px)}.style-card h3{color:#00f5ff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.style-card p{color:#cbd5e1;line-height:1.6}@media (max-width:768px){.hero{gap:2rem;grid-template-columns:1fr;padding:2rem 1rem}.hero-left h1{font-size:2.5rem}.hero-right{flex-direction:column;gap:1rem}.phone{height:300px;width:150px}.navbar{flex-direction:column;padding:1rem}.navbar,.navbar-links{gap:1rem}.features-grid,.steps,.styles-grid{grid-template-columns:1fr}}.app{background:linear-gradient(135deg,#001233,#002855 50%,#023e7d);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 2rem}.navbar-logo{color:#e2e8f0;font-size:1.25rem;font-weight:600}.navbar-logo a{color:#00f5ff;text-decoration:none}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:#cbd5e1;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#00f5ff}.hero{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:4rem 2rem}.hero-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#00f5ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-left p{color:#cbd5e1;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.download-buttons{display:flex;gap:1rem;margin-top:2rem}.btn-apple,.btn-google{display:inline-block;transition:transform .3s ease}.btn-apple:hover,.btn-google:hover{transform:translateY(-2px)}.btn-apple img,.btn-google img{height:60px;width:auto}.hero-right{align-items:center;display:flex;gap:2rem;justify-content:center;position:relative}.phone{background:#000;border:1px solid #000;border-radius:30px;box-shadow:0 20px 40px #0000004d;height:400px;padding:8px;position:relative;width:200px}.phone-left{transform:rotate(-5deg);z-index:2}.phone-right{transform:rotate(5deg);z-index:1}.screenshot{border-radius:20px;height:100%;object-fit:cover;position:relative;width:100%}.screenshot:before{background:#000;border-radius:10px;content:"";height:20px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:60px;z-index:10}.features{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.features h2{color:#e2e8f0;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 20px 40px #00f5ff1a;transform:translateY(-5px)}.feature-card h3{color:#00f5ff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#cbd5e1;line-height:1.6}.how-it-works{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.how-it-works h2{color:#e2e8f0;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.steps{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.step{text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#00f5ff,#0466c8);border-radius:50%;color:#001233;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step h3{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.step p{color:#cbd5e1;line-height:1.6}.analysis-types{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.analysis-types h2{color:#e2e8f0;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.analysis-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.analysis-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.analysis-card:hover{box-shadow:0 20px 40px #00f5ff1a;transform:translateY(-5px)}.analysis-card h3{color:#00f5ff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.analysis-card p{color:#cbd5e1;line-height:1.6}.security{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.security h2{color:#e2e8f0;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.security-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.security-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.security-item:hover{box-shadow:0 20px 40px #00f5ff1a;transform:translateY(-5px)}.security-item h3{color:#00f5ff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.security-item p{color:#cbd5e1;line-height:1.6}@media (max-width:768px){.hero{gap:2rem;grid-template-columns:1fr;padding:2rem 1rem}.hero-left h1{font-size:2.5rem}.hero-right{flex-direction:column;gap:1rem}.phone{height:300px;width:150px}.navbar{flex-direction:column;padding:1rem}.navbar,.navbar-links{gap:1rem}.analysis-grid,.features-grid,.security-features,.steps{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3b73c36e.css.map*/