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