:root{--ink:#241536;--soft:#5f526d;--pink:#f42f82;--deep:#c51c75;--purple:#7628ca;--violet:#9a3cec;--line:#eadff0;--white:#fff;--green:#159b60;--shadow:0 18px 46px rgba(51,24,78,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3f8;color:var(--ink);font-family:"Poppins",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.page-shell{width:min(1420px,calc(100% - 20px));margin:10px auto;background:#fff;border:1px solid #e9e1ee;border-radius:12px;overflow:hidden;box-shadow:0 16px 54px rgba(37,18,61,.09)}.container{width:min(1120px,calc(100% - 38px));margin:auto}.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo img{width:148px}.nav-toggle,.nav-toggle-label{display:none}.main-nav{display:flex;gap:24px;align-items:center;font-size:.78rem;font-weight:600}.main-nav a:hover,.main-nav .active{color:var(--pink)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 15%,rgba(244,47,130,.23),transparent 25%),linear-gradient(118deg,#fff 0,#fff7fc 43%,#f4e8ff 100%)}.hero-inner{min-height:520px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:52px;padding-block:48px}.eyebrow{display:inline-flex;padding:8px 17px;border-radius:999px;border:1px solid rgba(197,28,117,.28);background:#fff;color:var(--deep);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{margin:20px 0;font-size:clamp(2.35rem,4.8vw,4.15rem);line-height:1.04;letter-spacing:-.045em}.hero h1 span{display:block;color:transparent;background:linear-gradient(95deg,var(--purple),var(--deep) 65%,var(--pink));-webkit-background-clip:text;background-clip:text}.hero p{max-width:660px;margin:0 0 25px;color:var(--soft);font-size:1.02rem;line-height:1.72}.button-row,.card-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;font-size:.82rem;font-weight:800;text-align:center;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(90deg,var(--pink),var(--deep) 58%,var(--violet));box-shadow:0 12px 26px rgba(197,28,117,.24)}.btn-outline{color:var(--purple);border:2px solid var(--purple);background:#fff}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:-22px;background:linear-gradient(140deg,rgba(244,47,130,.3),rgba(118,40,202,.2));border-radius:40px;transform:rotate(3deg)}.hero-media img{position:relative;width:100%;border-radius:28px;box-shadow:var(--shadow)}.trust-line{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:22px;color:#6b5c76;font-size:.76rem}.trust-line span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.review-band{padding:24px;text-align:center;color:#fff;background:linear-gradient(90deg,#6419ae,#9335e8)}.review-band h2{margin:0;font-size:clamp(1.15rem,2.4vw,1.75rem)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:42px;padding-block:48px}.article{min-width:0}.article h2{margin:48px 0 16px;color:#4d167f;font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.18;letter-spacing:-.02em}.article h2:first-child{margin-top:0}.article h3{margin:27px 0 10px;color:#381155;font-size:1.2rem;line-height:1.3}.article p,.article li{color:#332a3e;font-size:.96rem;line-height:1.78}.article p{margin:0 0 16px}.article ul,.article ol{padding-left:23px}.article li+li{margin-top:8px}.article a:not(.btn){color:var(--deep);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.lead{font-size:1.08rem!important;color:#463850!important}.quick-answer,.note,.warning,.tip{padding:24px;border-radius:18px;margin:22px 0}.quick-answer{background:linear-gradient(135deg,#fff6fb,#f8f0ff);border:1px solid #eed8f4}.quick-answer strong{display:block;color:var(--deep);font-size:1.05rem;margin-bottom:8px}.note{background:#f7f4ff;border-left:5px solid var(--purple)}.warning{background:#fff8ee;border-left:5px solid #ee9b2a}.tip{background:#effaf5;border-left:5px solid var(--green)}.toc{padding:25px;margin:0 0 38px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(59,28,81,.07)}.toc strong{display:block;margin-bottom:12px;color:var(--purple)}.toc ol{columns:2;column-gap:36px;margin:0}.toc li{break-inside:avoid;margin:0 0 7px;font-size:.86rem}
.ranking{display:grid;gap:22px}.rank-card{position:relative;left:auto;right:auto;transform:none;width:100%;max-width:100%;margin:0;padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 13px 34px rgba(51,24,78,.09)}.rank-card.top{border:2px solid rgba(244,47,130,.52);background:linear-gradient(145deg,#fff,#fff7fc)}.rank-number{position:absolute;top:-14px;left:22px;min-width:38px;height:38px;display:grid;place-items:center;padding:0 10px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:10px;font-weight:900}.brand-head{display:flex;align-items:center;gap:18px;margin:7px 0 14px}.brand-head img{width:132px;height:74px;object-fit:contain;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.brand-head h3{margin:0;font-size:1.45rem}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.badge{padding:6px 10px;border-radius:999px;background:#f5edf9;color:#622391;font-size:.7rem;font-weight:800}.pros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding:0;list-style:none}.pros li{position:relative;padding-left:22px;font-size:.88rem}.pros li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.best-for{padding:12px 15px;border-radius:12px;background:#faf6fc;color:#493656;font-size:.87rem!important}.best-for strong{color:var(--deep)}
.table-wrap{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:17px}.comparison-table{width:100%;border-collapse:collapse;min-width:700px}.comparison-table th{padding:15px;text-align:left;color:#fff;background:linear-gradient(90deg,#6e20ba,#8e35df);font-size:.8rem}.comparison-table td{padding:15px;border-top:1px solid var(--line);font-size:.84rem;line-height:1.55;vertical-align:top}.comparison-table tr:nth-child(even) td{background:#fcf9fd}.steps{counter-reset:steps;display:grid;gap:15px;margin:22px 0}.step{position:relative;padding:21px 21px 21px 68px;border:1px solid var(--line);border-radius:17px;background:#fff}.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:19px;top:19px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:900}.step strong{display:block;color:#4d167f;margin-bottom:5px}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0;list-style:none}.checklist li{position:relative;padding:14px 14px 14px 42px;border-radius:13px;background:#faf7fc;font-size:.86rem}.checklist li:before{content:"✓";position:absolute;left:15px;color:var(--green);font-weight:900}.red-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.flag{padding:17px;border-radius:14px;background:#fff7f7;border:1px solid #f2d2d8}.flag strong{display:block;color:#b3264d;margin-bottom:5px}.article-cta{margin:34px 0;padding:28px;border-radius:22px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.2),transparent 25%),linear-gradient(120deg,#6419ae,#c51c75 62%,#f42f82);box-shadow:var(--shadow)}.article-cta h3{margin:0 0 8px;color:#fff;font-size:1.45rem}.article-cta p{color:#fff;margin-bottom:18px}.article-cta .btn-primary{background:#fff;color:var(--deep);box-shadow:none}.article-cta .btn-outline{border-color:#fff;color:#fff;background:transparent}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.related-card h3{margin:0 0 7px;font-size:1rem}.related-card p{font-size:.82rem;margin:0}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--line);border-radius:15px;background:#fff}.faq summary{cursor:pointer;padding:18px 48px 18px 18px;color:#421369;font-weight:800;list-style:none;position:relative}.faq summary:after{content:"+";position:absolute;right:18px;font-size:1.3rem}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 18px 18px;margin:0;font-size:.9rem}.sources,.sources li{font-size:.82rem}
.sidebar{position:relative}.side-card{position:sticky;top:20px;padding:22px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 32px rgba(50,24,76,.09)}.side-card h2{margin:0 0 12px;font-size:1.2rem;color:#4d167f}.side-card p{font-size:.82rem;line-height:1.6;color:var(--soft)}.side-card .btn{width:100%;margin-top:9px}.side-list{padding:0;list-style:none}.side-list li{padding:9px 0;border-bottom:1px solid var(--line);font-size:.78rem}.article .lovulu-author-card{margin-top:40px}.site-footer{padding:36px 0 26px;background:#fff;border-top:1px solid var(--line)}.footer-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-group h3{margin:0 0 13px;color:#4d167f;font-size:.85rem;text-transform:uppercase}.footer-group ul{display:grid;gap:8px;padding:0;list-style:none;margin:0;font-size:.78rem}.footer-group a{color:var(--deep)}.footer-languages,.footer-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:.75rem}.footer-languages a{display:flex;align-items:center;gap:7px}.footer-languages img{width:21px;height:14px;object-fit:cover}.footer-social{display:flex;justify-content:center;gap:11px;margin-top:24px}.footer-social img{width:31px;height:31px}.contact{text-align:center;margin-top:22px;font-size:.75rem}.contact strong{display:block;color:var(--purple)}.contact a{color:var(--deep)}.copyright{text-align:center;color:#786c7f;font-size:.72rem;margin:18px 0 0}
@media(max-width:980px){.main-nav{gap:16px;font-size:.7rem}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-media{max-width:650px}.layout{grid-template-columns:1fr}.sidebar{display:none}}@media(max-width:760px){.page-shell{width:100%;margin:0;border:0;border-radius:0}.nav-toggle-label{display:block;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;position:relative}.nav-toggle-label:before,.nav-toggle-label:after,.nav-toggle-label span{content:"";position:absolute;left:10px;width:20px;height:2px;background:var(--ink)}.nav-toggle-label:before{top:13px}.nav-toggle-label span{top:19px}.nav-toggle-label:after{top:25px}.main-nav{display:none;position:absolute;top:68px;right:18px;width:min(300px,calc(100vw - 36px));padding:17px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-toggle:checked~.main-nav{display:flex}.hero-inner{padding-block:34px;gap:34px}.hero h1{font-size:2.45rem}.toc ol{columns:1}.pros,.checklist,.red-flags,.related-grid{grid-template-columns:1fr}.footer-link-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.article .table-wrap{overflow:visible;border:0;border-radius:0;background:transparent}.article .comparison-table{display:block;min-width:0;width:100%}.article .comparison-table thead{display:none}.article .comparison-table tbody,.article .comparison-table tr,.article .comparison-table td{display:block;width:100%}.article .comparison-table tr{overflow:hidden;margin:0 0 15px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(51,24,78,.07)}.article .comparison-table td{padding:12px 14px;border-top:1px solid var(--line);background:#fff!important;font-size:.84rem;overflow-wrap:anywhere}.article .comparison-table td:first-child{border-top:0}.article .comparison-table td:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--purple);font-size:.67rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}}
@media(max-width:470px){.container{width:min(100% - 28px,1120px)}.hero h1{font-size:2rem}.button-row,.card-actions,.cta-actions{display:grid}.btn{width:100%}.rank-card{padding:24px 18px}.brand-head{align-items:flex-start;flex-direction:column}.footer-link-grid{grid-template-columns:1fr}.article p,.article li{font-size:.92rem}}