.cookie-page{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%);min-height:100vh}.hero-section{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#9333ea 50%,#4f46e5 100%);padding:120px 0 80px;position:relative;overflow:hidden}.hero-overlay{background:#0003;position:absolute;inset:0}.hero-content{text-align:center;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#bfdbfe 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:500}.hero-subtitle{color:#bfdbfe;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:300}.hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:400;display:inline-flex}.value-icon{width:1rem;height:1rem}.settings-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:4rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.settings-header{text-align:left;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.settings-icon{color:#2563eb;flex-shrink:0;width:3rem;height:3rem}.settings-header h2{color:#343335;font-size:2.25rem;font-weight:700}.settings-header p{color:#4b5563;font-size:1.125rem}.cookie-controls{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.cookie-control{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;transition:all .3s}.cookie-control:hover{background:#fff;box-shadow:0 4px 6px #0000000d}.control-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.control-info{align-items:center;gap:1rem;display:flex}.control-icon-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.cookie-icon{color:#2563eb;width:1.5rem;height:1.5rem}.control-info h3{color:#343335;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.required-badge{color:#fff;background:#2563eb;border-radius:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.toggle-button{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.toggle-button:hover{transform:scale(1.05)}.toggle-button:disabled{cursor:not-allowed;opacity:.5}.toggle-icon{color:#6b7280;width:2.5rem;height:2.5rem;transition:color .3s}.toggle-icon.enabled{color:#2563eb}.control-description{color:#4b5563;margin:0;line-height:1.6}.settings-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary{color:#2563eb;cursor:pointer;background:0 0;border:2px solid #2563eb;border-radius:2rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.info-section{padding:5rem 0}.intro-content{text-align:center;margin-bottom:4rem}.section-title{color:#343335;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.intro-content p{color:#4b5563;max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.75}.cookie-types-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.cookie-type-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 10px 25px #0000001a}.cookie-type-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.card-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-icon-wrapper{background:linear-gradient(135deg,#2563eb 0%,#9333ea 100%);border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.card-icon-wrapper .cookie-icon{color:#fff}.card-title{color:#343335;flex:1;margin:0;font-size:1.25rem;font-weight:700}.required-indicator{color:#fff;background:#10b981;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.card-description{color:#4b5563;margin-bottom:1.5rem;line-height:1.6}.card-details h4{color:#343335;margin-bottom:.75rem;font-size:1rem;font-weight:600}.examples-list{margin:0 0 1rem;padding:0;list-style:none}.examples-list li{color:#4b5563;padding:.25rem 0 .25rem 1rem;position:relative}.examples-list li:before{content:"•";color:#2563eb;font-weight:700;position:absolute;left:0}.retention-info{color:#374151;background:#f3f4f6;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}.third-party-section{background:#fff;padding:5rem 0}.section-intro{color:#4b5563;text-align:center;max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.75}.third-party-list{flex-direction:column;gap:2rem;display:flex}.third-party-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;transition:all .3s}.third-party-item:hover{background:#fff;box-shadow:0 4px 6px #0000000d}.provider-header{margin-bottom:1.5rem}.provider-name{color:#343335;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.provider-purpose{color:#4b5563;font-style:italic}.provider-details{gap:1.5rem;display:grid}.cookies-info h4{color:#343335;margin-bottom:.75rem;font-size:1rem;font-weight:600}.cookie-tags{flex-wrap:wrap;gap:.5rem;padding:5px 0;display:flex}.cookie-tag{color:#edf6fd;background:#999;border-radius:1rem;padding:.25rem .75rem;font-family:monospace;font-size:.75rem;font-weight:500}.provider-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.btn-cta{color:#8935e9;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:400;text-decoration:none;transition:all .3s;display:inline-flex}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #fff3}.meta-item{color:#374151;font-size:.875rem}.meta-item strong{color:#343335}.opt-out-link{color:#565656;font-weight:400;text-decoration:none}.opt-out-link:hover{text-decoration:underline}.management-section{background:linear-gradient(135deg,#f9fafb 0%,#e0f2fe 100%);padding:5rem 0}.management-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.management-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;transition:all .3s}.management-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.management-icon{color:#2563eb;width:3rem;height:3rem;margin:0 auto 1rem}.management-card h3{color:#343335;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.management-card p{color:#4b5563;margin:0;line-height:1.6}.contact-section{text-align:center;background:#fff;padding:3rem 0}.contact-section p{color:#4b5563;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.75}.cta-section .btn-secondary:hover{color:#2563eb;background:#fff}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.settings-header{text-align:center;flex-direction:column;gap:1rem}.settings-header h2{font-size:1.75rem}.control-header{flex-direction:column;align-items:flex-start;gap:1rem}.control-info{width:100%}.toggle-button{align-self:flex-end}.cookie-types-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.provider-meta,.management-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column;align-items:center}.cta-buttons{flex-direction:column}.cta-title,.section-title{font-size:2rem}.cookie-tags{justify-content:center}}@media (min-width:768px){.cta-buttons{flex-direction:row;justify-content:center}.settings-actions{flex-direction:row}.control-header{align-items:center}}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb 0%,#9333ea 50%,#4f46e5 100%);padding:5rem 0}.cta-title{margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.cta-subtitle{color:#bfdbfe;margin-bottom:40px;font-size:1.2rem;line-height:1.6}.cta-buttons{flex-direction:column;align-items:center;gap:1rem;display:flex}.btn-primary{color:#4e4e4e;cursor:pointer;background:#edf6fd;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:kanit,"sans-serif";font-size:1rem;font-weight:400;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{background:#f3f4f6;transform:translateY(-2px)}.marginBottom{margin-bottom:25px}.btn-secondary{color:#4e4e4e;cursor:pointer;background:0 0;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:kanit,"sans-serif";font-size:1rem;font-weight:400;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{color:#2563eb;background:#fff}.arrow-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.btn-primary:hover .arrow-icon{transform:translate(4px)}.cookie-notification{color:#fff;z-index:9999;background:#4caf50;border-radius:8px;align-items:center;gap:10px;padding:10px 15px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:10px;right:10px;box-shadow:0 2px 8px #0003}.cookie-notification button{color:#fff;cursor:pointer;background:0 0;border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.settings-header{text-align:center;flex-direction:column;gap:1rem}.settings-header h2{font-size:1.75rem}.control-header{flex-direction:column;align-items:flex-start;gap:1rem}.control-info{width:100%}.toggle-button{align-self:flex-end}.cookie-types-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.provider-meta,.management-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column;align-items:center}.cta-buttons{flex-direction:column}.cta-title,.section-title{font-size:2rem}.cookie-tags{justify-content:center}}@media (min-width:768px){.cta-buttons{flex-direction:row;justify-content:center}.settings-actions{flex-direction:row}.control-header{align-items:center}}@media (max-width:480px){.hero-title{font-size:2rem;line-height:1.1}.contact-main{padding:0}.contact-form-container{border-radius:16px;padding:24px}.hero-subtitle br{display:none}.container{padding:0 16px}.contact-content{grid-template-columns:100%}.hero-title{font-size:2rem}.hero-subtitle{font-size:.825rem}.hero-badge{background:#fff0;border:none;border-radius:0;flex-direction:column;padding:0 12px;font-size:.875rem;font-weight:300;display:inline-flex}.nav-header h2{font-size:2rem}.cta-subtitle,.nav-header p{font-size:.875rem}.section-title{margin-bottom:1rem;font-size:1.2rem}.content-text,.contact-content p{font-size:.875rem}.cta-title{font-size:2rem;line-height:1.2}.intro-content p{font-size:1rem}.settings-header h2{margin-bottom:25px;font-size:2rem;line-height:1.2}.settings-header p{font-size:.875rem}.cookie-type-card,.cookie-control{padding:1rem}.control-description,.card-description,.examples-list li{font-size:.875rem}}