:root{--bg:#fff8f0;--ink:#24313d;--muted:#6d7882;--card:#ffffffcc;--a:#ff8fb3;--b:#7ed7c1;--c:#a7c7ff;--shadow:0 22px 70px #8e6b3b24}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff 0,#fff0 24%),linear-gradient(135deg,#fff8f0,#effaff 55%,#fff1f7);min-height:100vh}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#ffffffb5;backdrop-filter:blur(18px);border-bottom:1px solid #fff}.brand{font-size:24px;font-weight:900}.topbar nav{display:flex;gap:18px;align-items:center}.btn,button{border:0;border-radius:999px;padding:12px 20px;background:#fff;box-shadow:var(--shadow);font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--a),#ffbd80);color:#fff}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:90px 8vw 70px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.94;margin:18px 0}.hero p,.wide{font-size:20px;color:var(--muted);max-width:760px}.pill{display:inline-flex;background:#fff;border:1px solid #fff;border-radius:999px;padding:8px 14px;box-shadow:var(--shadow);font-weight:800;color:#ff6692}.actions{display:flex;gap:14px;margin-top:28px}.hero-card{min-height:420px;border-radius:42px;background:linear-gradient(160deg,#fff,#ffe4ef);box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:30px;animation:float 4s ease-in-out infinite}.pet-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:96px;box-shadow:inset 0 0 40px #ffcade, var(--shadow)}@keyframes float{50%{transform:translateY(-14px)}}.section{padding:60px 8vw}.section h2{font-size:42px;margin:0 0 26px}.soft{background:#ffffff70}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card,.price,.panel,.progress-card,.login{background:var(--card);border:1px solid #fff;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps div{font-size:30px;background:#fff;border-radius:30px;padding:26px;box-shadow:var(--shadow)}.price b{font-size:54px}.featured{outline:4px solid #ffb5ca}.final{text-align:center}.footer{padding:30px 8vw;color:var(--muted)}.auth{display:grid;place-items:center;min-height:70vh}.login{width:min(520px,92vw)}label{display:block;font-weight:800;margin:12px 0}input,textarea{width:100%;border:1px solid #e8edf3;border-radius:18px;padding:14px;background:#fff;font:inherit;margin-top:8px}textarea{min-height:110px}.demo{margin-top:20px;background:#f7fbff;border-radius:18px;padding:16px}.error{color:#bd2552}.dash{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 74px)}.sidebar{background:#ffffffb0;padding:26px;position:sticky;top:76px;height:calc(100vh - 76px);border-right:1px solid #fff}.sidebar a{display:block;padding:14px 16px;border-radius:16px;margin:8px 0;background:#fff8}.workspace{padding:34px;display:grid;gap:22px}.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.bar{height:14px;border-radius:999px;background:#e9eef5;overflow:hidden;margin-top:12px}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--b),var(--a))}.mini{background:#fff;border-radius:20px;padding:20px;font-weight:900}.result{margin-top:12px;padding:14px;border-radius:16px;background:#f0fff8}.admin{padding:40px 7vw}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.stats div{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.stats b{display:block;font-size:42px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf1f5}.pet-hero{display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:center;padding:80px 8vw}.pet-hero h1{font-size:82px;margin:10px 0}.pet-photo{height:420px;border-radius:50px;background:#fff;display:grid;place-items:center;font-size:140px;box-shadow:var(--shadow);overflow:hidden}.pet-photo img,.gallery img{width:100%;height:100%;object-fit:cover}.big{font-size:18px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery figure{margin:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.gallery img{height:220px}.gallery figcaption{padding:14px}.post{background:#fff;border-radius:24px;padding:24px;margin:14px 0;box-shadow:var(--shadow)}.tour-mask{position:fixed;inset:0;background:#11182780;z-index:50}.tour-pop{position:fixed;z-index:70;background:#fff;border-radius:24px;padding:20px;box-shadow:0 30px 100px #0005;width:min(330px,90vw)}.tour-pop h3{margin:0 0 8px}.tour-highlight{position:relative;z-index:60;outline:5px solid #ff8fb3;border-radius:24px;box-shadow:0 0 0 9999px #11182770}.tour-actions{display:flex;gap:10px;margin-top:15px}@media(max-width:850px){.hero,.pet-hero,.dash{grid-template-columns:1fr}.grid3,.grid2,.steps,.stats,.gallery{grid-template-columns:1fr}.sidebar{position:relative;top:auto;height:auto}.pet-hero h1{font-size:54px}.hero{padding-top:50px}}

select{width:100%;border:1px solid #e8edf3;border-radius:18px;padding:14px;background:#fff;font:inherit;margin-top:8px}.muted{color:var(--muted)}.register-wrap{padding:40px 0}.register-card{width:min(860px,94vw)}.register-form .grid2{margin:8px 0}.pet-theme-playful{--a:#ff8fb3;--b:#7ed7c1;--c:#a7c7ff}.pet-theme-calm{--a:#9cc8ff;--b:#b9ead7;--c:#f8e7ff;background:linear-gradient(135deg,#f6fbff,#f4fff9)}.pet-theme-royal{--a:#b794f4;--b:#ffd166;--c:#ff8fb3;background:radial-gradient(circle at 20% 10%,#fff7cf,#fff0 30%),linear-gradient(135deg,#fff8f0,#f3edff)}.pet-theme-funny{--a:#ff9f1c;--b:#2ec4b6;--c:#ffbfda;background:linear-gradient(135deg,#fff7e6,#eafffb)}.pet-theme-adventurer{--a:#58c77d;--b:#7db7ff;--c:#ffd166;background:linear-gradient(135deg,#f1fff5,#eef7ff)}.pet-theme-gentle{--a:#ffafcc;--b:#cdb4db;--c:#bde0fe;background:linear-gradient(135deg,#fff5fa,#f5fbff)}.pet-page .pet-hero,.pet-page .section{transition:background .25s ease}.pet-page .pet-photo{background:linear-gradient(160deg,#fff,var(--c))}
