*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:#374151;background-color:#fff}.preload-hidden{visibility:hidden!important;opacity:0!important}.preload-visible{visibility:visible!important;opacity:1!important;transition:opacity .3s ease-in-out!important}.flex{display:flex}.flex-col{flex-direction:column}.min-h-screen{min-height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px;padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.container{max-width:1280px}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem}h3{font-size:1.5rem}p{margin:0}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none;background-color:transparent;background-image:none;border:1px solid transparent;padding:0;cursor:pointer}a{background-color:transparent;text-decoration:inherit;color:inherit}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:#ffffffe6;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #374151;border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none!important}.text-foreground{color:#374151}.text-muted{color:#6b7280}.bg-background{background-color:#fff}.bg-subtle-bg{background-color:#f9fafb}.border-border{border-color:#e5e7eb}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#feedback{background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted)));position:relative;overflow:hidden}#feedback:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(var(--foreground) / .1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(var(--foreground) / .1) 0%,transparent 50%);z-index:-1}.feedback-form-container{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px rgba(var(--foreground) / .05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;transition:all .3s ease}.feedback-form-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px rgba(var(--foreground) / .1);transform:translateY(-2px)}.feedback-form-input{width:100%;padding:12px 16px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:14px;line-height:1.5;transition:all .2s ease;position:relative}.feedback-form-input:focus{outline:none;border-color:hsl(var(--foreground));box-shadow:0 0 0 3px rgba(var(--foreground) / .1);transform:translateY(-1px)}.feedback-form-input:hover:not(:focus){border-color:hsl(var(--foreground),.5)}.feedback-form-input::-moz-placeholder{color:hsl(var(--muted-foreground));font-style:italic}.feedback-form-input::placeholder{color:hsl(var(--muted-foreground));font-style:italic}.feedback-form-input:invalid{border-color:hsl(var(--destructive));box-shadow:0 0 0 3px rgba(var(--destructive) / .1)}.feedback-form-input:disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:not-allowed;opacity:.6}textarea.feedback-form-input{resize:vertical;min-height:120px;max-height:400px;font-family:inherit}select.feedback-form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.feedback-form-label{display:block;font-size:14px;font-weight:500;color:hsl(var(--foreground));margin-bottom:6px;line-height:1.4}.feedback-form-label .required{color:hsl(var(--destructive));font-weight:600}.feedback-form-label .optional{color:hsl(var(--muted-foreground));font-weight:400;font-size:12px}.feedback-rating-group{display:flex;flex-wrap:wrap;gap:8px}.feedback-rating-input{position:absolute;opacity:0;pointer-events:none}.feedback-rating-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.feedback-rating-label:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--foreground) / .05) 0%,transparent 100%);opacity:0;transition:opacity .2s ease;border-radius:8px}.feedback-rating-label:hover{border-color:hsl(var(--foreground),.5);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.feedback-rating-label:hover:before{opacity:1}.feedback-rating-input:checked+.feedback-rating-label{background:hsl(var(--foreground));color:hsl(var(--background));border-color:hsl(var(--foreground));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:scale(1.05)}.feedback-rating-input:focus+.feedback-rating-label{box-shadow:0 0 0 3px rgba(var(--foreground) / .2)}.feedback-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;background:hsl(var(--foreground));color:hsl(var(--background));border:none;border-radius:8px;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.feedback-submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.feedback-submit-button:hover{background:hsl(var(--foreground),.9);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.feedback-submit-button:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f}.feedback-submit-button:hover:before{width:300px;height:300px}.feedback-submit-button:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--foreground) / .2)}.feedback-submit-button:disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.feedback-submit-button:disabled:hover{background:hsl(var(--muted));transform:none}.feedback-submit-button.loading{color:transparent}.feedback-submit-button.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:feedback-spinner .8s linear infinite}@keyframes feedback-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-message{margin-top:16px;padding:16px;border-radius:8px;border:1px solid;font-size:14px;line-height:1.5;animation:feedback-message-slide .3s ease}.feedback-message-success{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.feedback-message-error{background:#ef44441a;border-color:#ef4444;color:#ef4444}.feedback-message-content{display:flex;align-items:flex-start;gap:12px}.feedback-message-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.feedback-message-text h3{font-size:16px;font-weight:600;margin:0 0 4px}.feedback-message-text p{font-size:14px;margin:0;opacity:.9}@keyframes feedback-message-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-field-error{color:hsl(var(--destructive));font-size:12px;margin-top:4px;line-height:1.4}.feedback-form-input.error{border-color:hsl(var(--destructive));box-shadow:0 0 0 3px rgba(var(--destructive) / .1)}.feedback-checkbox-group{display:flex;align-items:flex-start;gap:8px}.feedback-checkbox{width:16px;height:16px;margin-top:2px;border:1px solid hsl(var(--border));border-radius:4px;background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;transition:all .2s ease}.feedback-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--foreground) / .1)}.feedback-checkbox:checked{background:hsl(var(--foreground));border-color:hsl(var(--foreground))}.feedback-checkbox-label{font-size:14px;color:hsl(var(--foreground));line-height:1.4;cursor:pointer}.feedback-checkbox-label a{color:hsl(var(--foreground));text-decoration:underline;transition:opacity .2s ease}.feedback-checkbox-label a:hover{opacity:.8}@media(max-width:768px){.feedback-form-container{padding:20px}.feedback-rating-group{justify-content:center}.feedback-rating-label{flex:1;min-width:0;padding:6px 12px;font-size:12px}.feedback-submit-button{font-size:14px;padding:10px 20px}.feedback-message-content{flex-direction:column;text-align:center;gap:8px}.feedback-message-icon{align-self:center}}@media(max-width:480px){#feedback{padding:48px 0}.feedback-form-container{padding:16px}.feedback-rating-group{flex-direction:column;width:100%}.feedback-rating-label{width:100%;justify-content:flex-start}}@media(prefers-color-scheme:dark){.feedback-form-input::-moz-placeholder{color:hsl(var(--muted-foreground));opacity:.7}.feedback-form-input::placeholder{color:hsl(var(--muted-foreground));opacity:.7}.feedback-message-success{background:#86efac1a;border-color:#86efac4d;color:#86efac}.feedback-message-error{background:#f871711a;border-color:#f871714d;color:#f87171}}.feedback-form-section{animation:feedback-fade-in .6s ease}@keyframes feedback-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-form-field{animation:feedback-field-appear .4s ease both}.feedback-form-field:nth-child(1){animation-delay:.1s}.feedback-form-field:nth-child(2){animation-delay:.2s}.feedback-form-field:nth-child(3){animation-delay:.3s}.feedback-form-field:nth-child(4){animation-delay:.4s}.feedback-form-field:nth-child(5){animation-delay:.5s}@keyframes feedback-field-appear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.feedback-form-section,.feedback-form-field,.feedback-message{animation:none}.feedback-rating-label:hover,.feedback-submit-button:hover,.feedback-form-input:hover{transform:none}}@media(prefers-contrast:high){.feedback-form-input,.feedback-rating-label,.feedback-submit-button{border-width:2px;outline:2px solid transparent}.feedback-form-input:focus,.feedback-rating-label:focus,.feedback-submit-button:focus{outline:2px solid currentColor;outline-offset:2px}}.feedback-form-input:focus-visible,.feedback-rating-input:focus-visible+.feedback-rating-label,.feedback-submit-button:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:2px}.summary-icon::-webkit-details-marker{display:none}.bg-pattern{background-image:radial-gradient(circle at 15% 15%,rgba(156,163,175,.1) 1px,transparent 1px),radial-gradient(circle at 85% 15%,rgba(156,163,175,.1) 1px,transparent 1px),radial-gradient(circle at 15% 85%,rgba(156,163,175,.1) 1px,transparent 1px),radial-gradient(circle at 85% 85%,rgba(156,163,175,.1) 1px,transparent 1px);background-size:100px 100px}html{scroll-behavior:smooth}header{transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}header.scrolled{box-shadow:0 2px 20px #0000001a;background-color:#fffffffa}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#1f2328;transition:width .3s ease}.nav-link:hover:after{width:100%}.lang-toggle{transition:all .3s ease;position:relative;z-index:20;background-color:#f8f9fa;color:#1f2328}.lang-toggle:hover{transform:scale(1.05);z-index:25;background-color:#e5e7eb}.lang-toggle:active{transform:scale(.98)}.sync-vscode-btn{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#1f2937,#374151);color:#fff!important;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 18px #37415140}.sync-vscode-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #37415159}.sync-vscode-btn:active{transform:translateY(0);box-shadow:0 5px 15px #3741514d}.btn-animate{position:relative;overflow:hidden;transition:all .3s ease}.btn-animate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-animate:hover:before{left:100%}.btn-animate:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.glow-button{position:relative;transition:all .3s ease}.glow-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;filter:blur(10px);opacity:0;transition:opacity .3s ease;z-index:-1}.glow-button:hover:before{opacity:.7}.glow-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1f23284d}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.btn-animate,.glow-button{position:relative;overflow:hidden}.faq-card{transition:all .5s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.faq-card summary{display:flex;align-items:center;justify-content:space-between;width:100%;list-style:none;margin:0;padding:0;cursor:pointer}.faq-card summary::-webkit-details-marker{display:none}.faq-card:hover{transform:translateY(-3px) translateZ(0);box-shadow:0 12px 35px #0000001f}.faq-card.expanded{border-color:transparent;box-shadow:0 10px 30px #0000001f;transform:translateY(-2px) scale(1.01) translateZ(0)}.faq-card .flex{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:2}.faq-card.expanded .flex{margin-bottom:1rem}.faq-content{overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:none}.faq-card.expanded .faq-content{display:block!important}.faq-content{color:#1f2937!important;opacity:1!important}.faq-content.text-muted{color:#1f2937!important}.faq-content *{color:#1f2937!important;opacity:1!important}.faq-card.expanded .faq-content.hidden{display:block!important}.faq-card p{margin:0;padding-top:.75rem;transition:all .3s cubic-bezier(.25,.46,.45,.94) .1s}.faq-card .faq-icon svg,.faq-card .summary-icon svg{transition:all .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.faq-card.expanded .faq-icon svg,.faq-card.expanded .summary-icon svg{transform:rotate(90deg) scale(1.1)}.faq-card:hover .faq-icon svg,.faq-card:hover .summary-icon svg{transform:scale(1.05)}.faq-card.expanded:hover .faq-icon svg,.faq-card.expanded:hover .summary-icon svg{transform:rotate(90deg) scale(1.15)}.faq-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#4a90e2,#1f2328);transform:scaleY(0);transition:transform .5s cubic-bezier(.25,.46,.45,.94);transform-origin:top;border-radius:0 2px 2px 0}.faq-card.expanded:before{transform:scaleY(1)}.faq-card:nth-child(1){animation-delay:0s}.faq-card:nth-child(2){animation-delay:.1s}.faq-card:nth-child(3){animation-delay:.2s}.faq-card:nth-child(4){animation-delay:.3s}@keyframes subtle-pulse{0%,to{transform:translateY(-2px) scale(1.01) translateZ(0)}50%{transform:translateY(-2px) scale(1.015) translateZ(0)}}.faq-card.expanded{animation:subtle-pulse 3s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.faq-card.fade-in{opacity:0;animation:slideInUp .6s ease-out forwards}.faq-card.fade-in.visible{animation-delay:calc(var(--index, 0) * .1s)}.faq-content p{transition:all .3s cubic-bezier(.25,.46,.45,.94) .15s}.faq-card.expanded .faq-content p{animation:fadeInText .5s ease-out .2s both}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faq-card:hover .flex h3{transform:translate(3px);transition:transform .2s ease}.faq-card:focus-within{outline:none}.pricing-card{transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.pricing-card.popular{box-shadow:0 4px 12px #0000001a}.pricing-card.popular:hover{box-shadow:0 8px 25px #00000026}@media(max-width:768px){.pricing-card:hover,.pricing-card.popular:hover{transform:translateY(-2px)}}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.shape{position:absolute;color:#1f2328;opacity:.15;animation:float 20s infinite linear}.shape-1{top:10%;left:5%;animation-delay:0s}.shape-2{top:25%;right:8%;animation-delay:5s}.shape-3{bottom:15%;left:12%;animation-delay:10s}.shape-4{bottom:5%;right:15%;animation-delay:15s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(20px) rotate(240deg)}}.typewriter{overflow:hidden;border-right:3px solid #1F2328;white-space:nowrap;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#1f2328}}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}#authModal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}#authModal.hidden{animation:fadeOut .2s ease-in}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes fadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}#authModal>div>div{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#closeAuthModal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}#closeAuthModal:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #00000026}.auth-form input{transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-form input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.auth-form .absolute svg{transition:all .2s ease}.auth-form input:focus+.absolute svg,.auth-form input:focus~.absolute svg{color:#1f2937;transform:scale(1.1)}.auth-form button[type=submit]{position:relative;overflow:hidden}.auth-form button[type=submit]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-form button[type=submit]:hover:before{left:100%}#googleAuthBtn{position:relative;overflow:hidden}#googleAuthBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(66,133,244,.1),transparent);opacity:0;transition:opacity .3s ease}#googleAuthBtn:hover:before{opacity:1}.auth-tab-container{position:relative}.auth-tab-container button{position:relative;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form{transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form.hidden{opacity:0;transform:translate(-20px)}.auth-form:not(.hidden){opacity:1;transform:translate(0)}#authMessage{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top}#authMessage.hidden{opacity:0;transform:scaleY(0);max-height:0}#authMessage:not(.hidden){opacity:1;transform:scaleY(1);max-height:100px}@media(max-width:640px){#authModal>div>div{margin:1rem;border-radius:1.5rem}.auth-form input,.auth-form button{padding:1rem}}.auth-loading{position:relative;pointer-events:none}.auth-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-message-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left:4px solid #28a745}.auth-message-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-left:4px solid #dc3545}.auth-form label{transition:color .2s ease}.auth-form input:focus~label,.auth-form input:focus+label{color:#1f2937}.auth-divider{position:relative;overflow:hidden}.auth-divider:before{content:"";position:absolute;top:50%;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#d1d5db,transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cookie-consent-banner{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,1rem);width:min(680px,calc(100% - 2rem));background:#0f172ae6;color:#f8fafc;border-radius:.75rem;border:1px solid rgba(148,163,184,.25);box-shadow:0 8px 24px #0f172a29;padding:1.25rem 1.5rem;display:flex;flex-direction:row;align-items:stretch;gap:1.5rem;z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;-webkit-backdrop-filter:none;backdrop-filter:none}.cookie-consent-banner.cookie-consent-banner--visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.cookie-consent-content{display:flex;gap:1rem;align-items:flex-start;flex:1 1 auto}.cookie-consent-icon{flex-shrink:0;width:44px;height:44px;border-radius:.75rem;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:22px}.cookie-consent-text{flex:1;display:flex;flex-direction:column;gap:.45rem}.cookie-consent-title{font-size:.95rem;font-weight:600;color:inherit}.cookie-consent-message{font-size:.9rem;line-height:1.45;color:#f8fafce6}.cookie-consent-link{font-size:.85rem;font-weight:500;color:#38bdf8;text-decoration:none;display:inline-block}.cookie-consent-link:hover,.cookie-consent-link:focus{text-decoration:underline}.cookie-consent-actions{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:flex-end;justify-content:flex-end;align-self:flex-end;margin-left:auto}.cookie-consent-button{border:none;border-radius:.75rem;font-weight:600;padding:.55rem 1.4rem;font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.cookie-consent-button:focus{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.cookie-consent-button.cookie-consent-accept{background:#38bdf8;color:#0f172a}.cookie-consent-button.cookie-consent-accept:hover{transform:translateY(-1px);background:#5ad0ff}.cookie-consent-button.cookie-consent-decline{background:#0f172a99;color:#f8fafce6;border:1px solid rgba(148,163,184,.35)}.cookie-consent-button.cookie-consent-decline:hover{background:#1e293bb3}@media(max-width:640px){.cookie-consent-banner{bottom:1rem;padding:1.15rem;width:calc(100% - 1.5rem);flex-direction:column;gap:1rem}.cookie-consent-content{flex-direction:column;gap:.75rem}.cookie-consent-actions{width:100%;align-self:stretch;justify-content:flex-start;gap:.75rem;margin-left:0}.cookie-consent-button{width:100%;text-align:center}}