*{box-sizing:border-box;margin:0;padding:0}body{color:#2a1810;-webkit-font-smoothing:antialiased;background-color:#1a0f14;background-image:radial-gradient(circle at 15% 15%,#ffb26b 0%,#0000 40%),radial-gradient(circle at 85% 25%,#ff6f91 0%,#0000 45%),radial-gradient(circle at 20% 85%,#ffd56b 0%,#0000 45%),radial-gradient(circle at 85% 90%,#c74b8a 0%,#0000 45%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}:root{--text:#2a1810;--text-dim:#8a6a5a;--glass-bg:#fff8f0e0;--glass-border:#fffffff2;--field-bg:#ffffffbf;--field-border:#2a181014;--accent-1:#ff8a3d;--accent-2:#d6336c;--accent-soft:#ff8a3d2e}.site{flex-direction:column;min-height:100vh;padding:24px;display:flex}.site-main{flex:1;justify-content:center;align-items:flex-start;padding:32px 0;display:flex}.page{width:100%;max-width:900px;animation:.4s cubic-bezier(.22,1,.36,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.navbar{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#fff8f0d9;border:1px solid #fffffff2;border-radius:20px;justify-content:space-between;align-items:center;padding:14px 22px;display:flex;box-shadow:0 12px 30px -18px #d6336c80}.brand{letter-spacing:-.01em;color:#2a1810;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.brand-dot{background:linear-gradient(100deg, var(--accent-1), var(--accent-2));border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #ff8a3dcc}.brand-accent{background:linear-gradient(100deg, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links{gap:6px;list-style:none;display:flex}.nav-links a{color:var(--text-dim);border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-block}.nav-links a:hover{color:var(--text);background:#2a18100d}.nav-links a.active{color:#fff;background:linear-gradient(100deg, var(--accent-1), var(--accent-2));box-shadow:0 6px 14px -8px #d6336ccc}.site-footer{-webkit-backdrop-filter:blur(16px);background:#fff8f0bf;border:1px solid #ffffffe6;border-radius:18px;margin-top:24px;padding:18px 22px}.footer-inner{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.footer-brand{letter-spacing:.02em;font-weight:600}.footer-links{gap:18px;display:flex}.footer-links a{color:var(--text-dim);font-weight:500;transition:color .2s}.footer-links a:hover{color:var(--accent-2)}.app{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(160%);border-radius:32px;width:100%;max-width:460px;margin:0 auto;padding:40px 32px;animation:.6s cubic-bezier(.22,1,.36,1) cardIn;position:relative;box-shadow:inset 0 1px #fffffff2,0 24px 60px -20px #d6336c73,0 8px 24px -12px #2a181026}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}h1{letter-spacing:-.03em;text-align:center;background:linear-gradient(100deg, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:1.65rem;font-weight:800}.subtitle{text-align:center;color:var(--text-dim);margin-bottom:28px;font-size:.88rem}.field{margin-bottom:16px}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:7px;font-size:.72rem;font-weight:700;display:flex}.field input{width:100%;color:var(--text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:14px;outline:none;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .25s cubic-bezier(.22,1,.36,1)}.field input::placeholder{color:#2a181047}.field input:hover{border-color:#ff8a3d59}.field input:focus{border-color:var(--accent-1);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;transform:translateY(-1px)}.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{-moz-appearance:textfield}.badge{letter-spacing:.12em;color:#fff;background:linear-gradient(100deg, var(--accent-1), var(--accent-2));border-radius:999px;padding:3px 8px;font-size:.6rem;font-weight:800;box-shadow:0 4px 10px -3px #ff8a3d99}.field input[readonly]{color:var(--accent-2);cursor:default;background:linear-gradient(100deg,#ff8a3d1a,#d6336c1a);border-color:#ff8a3d73;font-weight:700}.divider{background:linear-gradient(90deg,#0000,#2a18101f,#0000);height:1px;margin:22px 0}.result{background:linear-gradient(100deg,#fff,#fff7f0);border:1px solid #ff8a3d4d;border-radius:18px;justify-content:space-between;align-items:center;margin-top:18px;padding:18px 22px;animation:.4s cubic-bezier(.22,1,.36,1) fadeUp;display:flex;box-shadow:0 12px 30px -12px #ff8a3d80,inset 0 1px #fffffff2}.result-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.72rem;font-weight:700}.result-value{background:linear-gradient(100deg, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.stat{background:#ffffffa6;border:1px solid #2a18100f;border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.68rem;font-weight:700}.stat-value{color:var(--text);font-size:.98rem;font-weight:700}.summary{background:linear-gradient(#fff,#fff8f2);border:1px solid #ff8a3d33;border-radius:18px;margin-top:18px;padding:18px;animation:.4s cubic-bezier(.22,1,.36,1) fadeUp;box-shadow:0 10px 26px -16px #ff8a3d80}.summary-title{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin-bottom:14px;font-size:.7rem;font-weight:800;display:block}.summary-grid{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.summary-item{flex-direction:column;gap:3px;display:flex}.summary-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.68rem;font-weight:700}.summary-value{color:var(--text);font-size:.98rem;font-weight:700}.rating{background:#ffffffa6;border:1px solid #2a18100f;border-radius:16px;margin-top:16px;padding:16px 18px;animation:.4s cubic-bezier(.22,1,.36,1) fadeUp}.rating-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rating-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.7rem;font-weight:700}.rating-value{background:linear-gradient(100deg, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:800}.rating-bar{gap:6px;display:flex}.rating-segment{background:#2a181014;border-radius:999px;flex:1;height:6px;transition:background .3s}.rating-segment.filled{background:linear-gradient(100deg, var(--accent-1), var(--accent-2));box-shadow:0 0 10px -2px #d6336cb3}.hint{text-align:center;color:var(--text-dim);margin-top:20px;font-size:.82rem}.reset-btn{letter-spacing:.03em;color:#fff;background:linear-gradient(100deg, var(--accent-1), var(--accent-2));cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:22px;padding:15px;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 24px -10px #d6336cbf}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px #d6336ce6}.reset-btn:active{transform:translateY(0)}.landing{justify-content:center;align-items:center;display:flex}.hero{text-align:center;max-width:720px;padding:40px 24px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);background:#ff8a3d26;border-radius:999px;margin-bottom:22px;padding:6px 14px;font-size:.7rem;font-weight:800;display:inline-block}.hero-title{letter-spacing:-.03em;color:#2a1810;margin-bottom:20px;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.05}.hero-gradient{background:linear-gradient(100deg, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#fff8f0e6;max-width:520px;margin:0 auto 32px;font-size:1.05rem;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px;display:flex}.btn-primary{color:#fff;background:linear-gradient(100deg, var(--accent-1), var(--accent-2));cursor:pointer;border:none;border-radius:14px;align-items:center;gap:6px;padding:14px 24px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 14px 28px -12px #d6336cd9}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 36px -14px #d6336cf2}.btn-ghost{color:#2a1810;background:#fff8f0e6;border:1px solid #ffffffe6;border-radius:14px;align-items:center;padding:14px 24px;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-ghost:hover{background:#fff;border-color:#ff8a3d80}.hero-features{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.feature{color:#2a1810;background:#fff8f0d9;border:1px solid #fffffff2;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 8px 20px -14px #d6336c80}.feature-icon{font-size:1rem}.prose{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#fff8f0e6;border:1px solid #fffffff2;border-radius:28px;max-width:640px;padding:44px 40px;box-shadow:inset 0 1px #fffffff2,0 24px 60px -20px #d6336c66}.prose h1{letter-spacing:-.03em;background:linear-gradient(100deg, var(--accent-1), var(--accent-2));color:#0000;text-align:left;-webkit-background-clip:text;background-clip:text;margin:12px 0 18px;font-size:2rem;font-weight:900}.prose h2{color:var(--text);letter-spacing:-.01em;margin:26px 0 10px;font-size:1.1rem;font-weight:800}.prose p{color:#4a3328;margin-bottom:14px;font-size:.95rem;line-height:1.65}.prose .muted{color:var(--text-dim);font-size:.82rem}.prose ul{color:#4a3328;margin:0 0 16px 20px;font-size:.95rem;line-height:1.7}.prose li{margin-bottom:6px}.prose pre{color:var(--accent-2);background:#2a18100f;border-radius:12px;margin:14px 0;padding:14px 18px;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:700}.contact-form{flex-direction:column;gap:14px;margin-top:20px;display:flex}.contact-form label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;gap:6px;font-size:.72rem;font-weight:800;display:flex}.contact-form input,.contact-form textarea{color:var(--text);resize:vertical;background:#ffffffb3;border:1px solid #2a181014;border-radius:12px;outline:none;padding:13px 15px;font-family:inherit;font-size:.95rem;transition:all .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 4px var(--accent-soft);background:#fff}.contact-form button{align-self:flex-start;margin-top:6px}.contact-success{color:#0a8a56;background:linear-gradient(100deg,#00c87826,#ff8a3d26);border:1px solid #00c87859;border-radius:14px;margin-top:24px;padding:18px 20px;font-weight:700}@media (width<=640px){.site{padding:14px}.navbar{padding:12px 14px}.nav-links a{padding:6px 10px;font-size:.78rem}.app{border-radius:26px;padding:30px 22px}.prose{padding:28px 22px}.prose h1{font-size:1.6rem}.hero{padding:20px 8px}.footer-inner{text-align:center;flex-direction:column;gap:10px}}