*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e5e5e5;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:#0f0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0a0ad9;border-bottom:1px solid #2a1e1e;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:-.5px;font-size:22px;font-weight:800}.logo span{color:#f472b6}.nav{color:#a89595;gap:32px;font-size:14px;display:flex}.nav a:hover{color:#fff}.hero{text-align:center;border-bottom:1px solid #2a1e1e;padding:80px 0 60px}.hero-icon{margin-bottom:20px;font-size:64px}.hero h1{letter-spacing:-2px;margin-bottom:20px;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.1}.hero h1 em{color:#f472b6;font-style:normal}.hero p{color:#a89595;max-width:640px;margin:0 auto;font-size:18px;line-height:1.7}.article{max-width:800px;margin:0 auto;padding:60px 0}.article h2{letter-spacing:-.5px;color:#fff;margin:48px 0 20px;font-size:32px;font-weight:800}.article h2:first-child{margin-top:0}.article h3{color:#f0e0e0;margin:32px 0 12px;font-size:20px;font-weight:700}.article p{color:#a89595;margin-bottom:16px;font-size:16px;line-height:1.8}.article ul,.article ol{color:#a89595;margin:16px 0 24px 24px;line-height:1.8}.article li{margin-bottom:8px}.article strong{color:#fff;font-weight:600}.article code{color:#f472b6;background:#1f1414;border-radius:6px;padding:2px 8px;font-family:SF Mono,Monaco,monospace;font-size:14px}.cat-card{background:#1a1010;border:1px solid #2a1e1e;border-radius:20px;margin:32px 0;padding:32px;transition:border-color .2s}.cat-card:hover{border-color:#4a2e3e}.cat-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.cat-icon{background:linear-gradient(135deg,#831843 0%,#f472b6 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.cat-title{color:#fff;font-size:22px;font-weight:800}.cat-subtitle{color:#7a6060;margin-top:4px;font-size:14px}.cat-desc{color:#a89595;font-size:15px;line-height:1.8}.cat-desc p{margin-bottom:12px}.cat-desc p:last-child{margin-bottom:0}.cat-image,.article-image{margin:20px 0 24px}.cat-image img,.article-image img{border:1px solid #2a1e1e;border-radius:16px;width:100%;height:auto;display:block}.comparison-table{border-collapse:collapse;background:#1a1010;border:1px solid #2a1e1e;border-radius:16px;width:100%;margin:24px 0;overflow:hidden}.comparison-table th{text-align:left;color:#7a6060;text-transform:uppercase;letter-spacing:.5px;background:#1f1414;padding:14px 16px;font-size:13px;font-weight:700}.comparison-table td{color:#d0c0c0;border-top:1px solid #1f1414;padding:14px 16px;font-size:14px}.comparison-table tr:hover td{background:#241616}.info-box{background:#1f1414;border-left:4px solid #f472b6;border-radius:12px;margin:24px 0;padding:20px 24px}.info-box p{color:#a89595;margin:0;font-size:15px}.info-box strong{color:#f9a8d4}.warning-box{background:#1c1410;border-left:4px solid #f59e0b;border-radius:12px;margin:24px 0;padding:20px 24px}.warning-box p{color:#d6c8b8;margin:0;font-size:15px}.warning-box strong{color:#fbbf24}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;margin-left:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.badge-pink{color:#f9a8d4;background:#831843}.badge-red{color:#fca5a5;background:#7f1d1d}.badge-yellow{color:#fcd34d;background:#78350f}.badge-green{color:#6ee7b7;background:#064e3b}.footer{color:#6a5858;text-align:center;border-top:1px solid #2a1e1e;margin-top:60px;padding:40px 0;font-size:14px}