.cookie-page{min-height:100vh;display:flex;flex-direction:column;background:#f5f9f0}.cp-hero{background:linear-gradient(135deg,#2d5a1b,#4a7c2f,#6aab3a);padding:80px 40px 60px;text-align:center}.cp-badge{background:rgba(255,255,255,.2);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.cp-hero h1{color:#fff;font-size:3rem;font-weight:800;margin:16px 0 12px}.cp-hero p{color:rgba(255,255,255,.85);font-size:1.1rem;margin-bottom:12px}.cp-updated{background:rgba(255,255,255,.15);color:#fff;padding:4px 14px;border-radius:20px;font-size:.82rem}.cp-container{max-width:880px;margin:0 auto;padding:50px 24px;flex:1 1}.cp-intro{background:#fff;border-radius:14px;padding:32px;margin-bottom:28px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.cp-intro h2{color:#2d5a1b;font-size:1.5rem;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:3px solid #bdde98}.cp-intro p{color:#555;font-size:1rem;line-height:1.8;margin:0}.cp-section{background:#fff;border-radius:14px;padding:32px;margin-bottom:24px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.cp-section h2{color:#2d5a1b;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #bdde98}.cp-types{display:flex;flex-direction:column;gap:16px}.cp-type-card{border:1px solid #e8f4d9;border-radius:12px;padding:22px;background:#fafff6}.cp-type-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.cp-type-icon{font-size:1.8rem;color:#4a7c2f;display:flex;align-items:center}.cp-type-header h3{color:#2d5a1b;font-size:1rem;font-weight:700;margin-bottom:4px}.cp-required{padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:700}.cp-required.yes{background:#e8f5d4;color:#3a6b22}.cp-required.no{background:#fff3cd;color:#856404}.cp-type-card p{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:14px}.cp-examples strong{color:#2d5a1b;font-size:.85rem;display:block;margin-bottom:6px}.cp-examples ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cp-examples ul li{color:#666;font-size:.85rem;padding-left:14px;position:relative}.cp-examples ul li:before{content:"•";color:#6aab3a;position:absolute;left:0}.cp-text{color:#555;font-size:.95rem;line-height:1.7;margin-bottom:16px}.cp-browsers{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.cp-browser{background:#f8fdf4;border:1px solid #d4edba;border-radius:8px;padding:12px 16px;gap:12px;flex-wrap:wrap}.cp-browser,.cp-browser-icon{display:flex;align-items:center}.cp-browser-icon{font-size:1.2rem;color:#4a7c2f}.cp-browser strong{color:#2d5a1b;font-size:.9rem;min-width:140px}.cp-browser span{color:#666;font-size:.88rem}.cp-warning{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:14px 18px;color:#795548;font-size:.88rem;line-height:1.5;display:flex;align-items:center;gap:8px}.cp-warning-icon{font-size:1.2rem;color:#f59e0b;flex-shrink:0}.cp-third-parties{display:flex;flex-direction:column;gap:10px}.cp-third-party{display:flex;align-items:center;gap:16px;background:#f8fdf4;border:1px solid #d4edba;border-radius:8px;padding:14px 18px;flex-wrap:wrap}.cp-tp-name{font-weight:700;color:#2d5a1b;font-size:.95rem;min-width:120px}.cp-tp-purpose{color:#666;font-size:.88rem}.cp-contact{background:linear-gradient(135deg,#2d5a1b,#4a7c2f);border-radius:16px;padding:40px;text-align:center;color:#fff}.cp-contact h3{font-size:1.6rem;font-weight:700;margin-bottom:10px}.cp-contact p{opacity:.9;margin-bottom:24px}.cp-btn{background:#bdde98;color:#2d5a1b;padding:12px 32px;border-radius:30px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .2s}.cp-btn:hover{transform:translateY(-2px)}.cp-btn-icon{font-size:1rem}@media (max-width:640px){.cp-hero h1{font-size:2rem}.cp-browser{flex-direction:column;gap:4px}}@media (max-width:768px){.cp-hero{padding:50px 20px 40px}.cp-hero h1{font-size:2.2rem}.cp-hero p{font-size:1rem}.cp-container{padding:30px 16px}.cp-intro,.cp-section{padding:22px 18px}.cp-contact{padding:28px 20px}.cp-contact h3{font-size:1.3rem}}@media (max-width:480px){.cp-hero{padding:36px 14px 28px}.cp-hero h1{font-size:1.7rem;margin:12px 0 10px}.cp-hero p{font-size:.9rem}.cp-intro h2,.cp-section h2{font-size:1.2rem}.cp-intro p,.cp-text{font-size:.88rem}.cp-type-card{padding:16px}.cp-third-party{flex-direction:column;align-items:flex-start;gap:6px}.cp-browser strong,.cp-tp-name{min-width:unset}.cp-btn{padding:10px 22px;font-size:14px}}