:root{--primary:#ff6b35;--secondary:#ffb703;--dark:#2d3142;--text:#4f5d75;--bg-light:#fffcf9;--white:#fff;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 20px #00000014;--shadow-lg:0 20px 40px #ff6b3526}.legal-page{padding-bottom:80px}.legal-header{background:var(--primary);margin-bottom:60px;padding:24px 0}.legal-content{max-width:800px}.legal-content h1{margin-bottom:24px;font-size:2.5rem}.legal-content h2{color:var(--primary);margin:32px 0 16px;font-size:1.5rem}.legal-content h3{margin-bottom:12px;font-size:1.2rem}.legal-content p{margin-bottom:16px;font-size:1.05rem}.legal-content ul{margin-bottom:24px;margin-left:24px;list-style-type:disc}.legal-content li{margin-bottom:8px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6}h1,h2,h3,h4{color:var(--dark);font-weight:700;line-height:1.2}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:14px 28px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-solid{background-color:var(--primary);color:var(--white);box-shadow:0 8px 16px #ff6b354d}.btn-solid:hover{background-color:#e55c2b;transform:translateY(-2px);box-shadow:0 12px 20px #ff6b3566}.header{z-index:100;width:100%;padding:24px 0;position:absolute;top:0;left:0}.header .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--white);align-items:center;gap:8px;font-size:1.8rem;font-weight:800;display:flex}.hero{background:var(--primary);border-bottom-right-radius:60px;border-bottom-left-radius:60px;padding:160px 0 120px;position:relative;overflow:hidden}.hero:after{content:"";background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1440 120\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 60 Q 360 120 720 60 T 1440 60 L 1440 120 L 0 120 Z\" fill=\"%23fffcf9\"/></svg>") bottom/cover no-repeat;width:100%;height:50px;position:absolute;bottom:0;left:0}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid;position:relative}.hero-text h1{color:var(--white);margin-bottom:24px;font-size:3.5rem}.hero-text p{color:#ffffffe6;max-width:500px;margin-bottom:32px;font-size:1.25rem}.hero-images{height:400px;position:relative}.hero-pet{object-fit:cover;filter:drop-shadow(0 20px 30px #0003);width:100%;height:100%;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-paws{opacity:.2;position:absolute}.categories{padding:80px 0}.section-title{margin-bottom:48px;font-size:2.5rem;display:inline-block;position:relative}.section-title:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23ff6b35\"><path d=\"M12 2L15 9L22 10L17 15L18 22L12 18L6 22L7 15L2 10L9 9L12 2Z\"/></svg>") no-repeat;width:24px;height:24px;position:absolute;top:-10px;right:-20px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;display:grid}.category-card{text-align:center;cursor:pointer;transition:transform .3s}.category-card:hover{transform:translateY(-8px)}.category-img-wrapper{border-radius:var(--radius-lg);background:#f0f4f8;width:120px;height:120px;margin:0 auto 16px;position:relative;overflow:hidden}.cat-dog{background:#e0f2fe}.cat-cat{background:#ffedd5}.cat-bird{background:#e0e7ff}.cat-fish{background:#fce7f3}.cat-rabbit{background:#dcfce7}.cat-wet{background:#f3f4f6}.category-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.category-card:hover .category-img-wrapper img{transform:scale(1.1)}.category-card h3{margin-bottom:4px;font-size:1.1rem}.category-card p{color:#8b96a5;font-size:.85rem}.benefits{padding:80px 0}.benefits-banner{background:var(--secondary);border-radius:40px;padding:60px;position:relative;overflow:hidden}.benefits-banner:before{content:"";background:radial-gradient(circle,#ffffff4d 0%,#fff0 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;left:-10%}.benefits-banner h2{text-align:center;z-index:2;margin-bottom:48px;font-size:2.5rem;position:relative}.benefits-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;display:grid;position:relative}.benefit-item{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:1px solid #fff9;align-items:flex-start;gap:16px;padding:24px;transition:transform .3s;display:flex}.benefit-item:hover{background:#fff9;transform:translateY(-5px)}.benefit-icon{background:var(--white);width:48px;height:48px;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.benefit-content h4{margin-bottom:4px;font-size:1.1rem}.benefit-content p{color:var(--dark);opacity:.8;font-size:.9rem}.how-it-works{text-align:center;padding:80px 0}.steps-container{justify-content:space-between;max-width:900px;margin-top:48px;margin-left:auto;margin-right:auto;display:flex;position:relative}.steps-container:before{content:"";z-index:1;background:#e2e8f0;height:2px;position:absolute;top:40px;left:10%;right:10%}.step{z-index:2;flex:1;position:relative}.step-number{background:var(--white);border:2px solid var(--primary);width:80px;height:80px;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:2rem;font-weight:800;transition:all .3s;display:flex}.step:hover .step-number{background:var(--primary);color:var(--white);transform:scale(1.1)}.step h4{margin-bottom:8px;font-size:1.25rem}.step p{color:#64748b;max-width:200px;margin:0 auto;font-size:.95rem}.onboarding{padding:80px 0 120px}.onboarding-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto;padding:48px;position:relative}.onboarding-card:before{content:"";background:radial-gradient(circle, var(--secondary) 20%, transparent 20%);z-index:-1;background-size:20px 20px;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--dark);font-size:.95rem;font-weight:600}.form-control{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.form-control:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 4px #ff6b351a}textarea.form-control{resize:vertical;min-height:120px}.footer{background:var(--dark);color:var(--white);padding:60px 0 24px}.footer-content{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{opacity:.8;transition:opacity .3s}.footer-links a:hover{opacity:1;color:var(--secondary)}.footer-bottom{text-align:center;opacity:.6;border-top:1px solid #ffffff1a;padding-top:24px;font-size:.9rem}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:2.5rem}.hero-text p{margin:0 auto 32px;font-size:1.1rem}.hero{padding:120px 0 80px}.steps-container{flex-direction:column;gap:40px}.steps-container:before{display:none}.form-grid{grid-template-columns:1fr}.benefits-banner{padding:40px 24px}.footer-content{flex-direction:column;gap:24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}}@media (width<=480px){.header .container{flex-direction:column;gap:16px}.hero{padding:140px 0 60px}.hero-text h1{font-size:2.2rem}.btn{padding:12px 24px;font-size:1rem}.hero-pet{border-width:3px!important;height:140px!important}.section-title{font-size:2rem}}