:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#001f3d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:background .2s}.nav-public .nav-hamburger:hover{background:#ffffff14}.nav-public .nav-hamburger-bar{display:block;width:22px;height:2px;background:#ffffffe6;border-radius:1px;transition:transform .3s,opacity .3s}.nav-public .nav-hamburger[aria-expanded=true] .nav-hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-public .nav-hamburger[aria-expanded=true] .nav-hamburger-bar:nth-child(2){opacity:0}.nav-public .nav-hamburger[aria-expanded=true] .nav-hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{display:none;position:fixed;inset:57px 0 0;background:#0006;z-index:99}@media(max-width:768px){.nav-public .nav-hamburger{display:flex}.nav-public .nav-right{position:fixed;top:57px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:1rem;background:#001f3dfa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(4,81,116,.5);z-index:101;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.nav-public .nav-right-open{max-height:320px;opacity:1}.nav-public .nav-right .nav-link,.nav-public .nav-right .btn{display:block;padding:1rem 1.25rem;text-align:center;border-radius:8px;margin-bottom:.25rem}.nav-right .nav-link:last-of-type,.nav-right .btn:last-of-type{margin-bottom:0}.nav-public .nav-right .nav-link:hover{background:#ffffff0f}.nav-public .nav-right .btn-ghost{background:transparent}.nav-public .nav-right .btn-primary{margin-top:.5rem}.nav-email-mobile{display:block!important;padding:.75rem 1.25rem;margin-bottom:.5rem;font-size:.85rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}}@media(max-width:768px){.nav-public:has(.nav-right-open) .nav-backdrop{display:block}}.auth-social{margin-top:1.5rem}.auth-social-divider{display:flex;align-items:center;gap:1rem;margin:0 0 1rem;font-size:.9rem;color:#fff9}.auth-social-divider:before,.auth-social-divider:after{content:"";flex:1;height:1px;background:#fff3}.auth-social-buttons{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.auth-social-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:opacity .2s,transform .1s;font-family:inherit}.auth-social-google{background:#fff;color:#1f1f1f;border:1px solid rgba(255,255,255,.2)}.auth-social-google:hover:not(:disabled){background:#f5f5f5}.auth-social-google-trigger{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.auth-social-google-trigger>div{min-width:100%!important;min-height:100%!important}.auth-social-google-trigger iframe{min-width:100%!important;min-height:100%!important}.auth-social-google-disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.auth-social-google-icon{width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-social-btn-text{pointer-events:none}.auth-social-btn:hover:not(:disabled){opacity:.9}.auth-social-btn:active:not(:disabled){transform:scale(.98)}.auth-social-btn:disabled{opacity:.6;cursor:not-allowed}.auth-social-apple{background:#000;color:#fff}.auth-social-apple:disabled{background:#333;color:#ffffff80}.auth-social-apple-icon{width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-social-loading-overlay{position:fixed;inset:0;z-index:10000;background:#0a2744eb;display:flex;align-items:center;justify-content:center;animation:auth-social-loading-fade .2s ease-out}@keyframes auth-social-loading-fade{0%{opacity:0}to{opacity:1}}.auth-social-loading-card{background:#04517480;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.auth-social-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#d89c60;border-radius:50%;animation:auth-social-loading-spin .8s linear infinite}@keyframes auth-social-loading-spin{to{transform:rotate(360deg)}}.auth-social-loading-text{margin:0;font-size:1rem;font-weight:500;color:#ffffffe6}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d);overflow-x:hidden}.auth-header{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.auth-back{font-size:1.75rem;font-weight:700;color:#e87a00;text-decoration:none;padding:.25rem;line-height:1}.auth-back:hover{color:#f08a10}.auth-header-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-logo{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:.05em;text-decoration:none}.auth-logo:hover{color:#d89c60}.auth-subtitle{font-size:.9rem;color:#fff9}.auth-header-spacer{width:2.5rem}.auth-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.25rem 3rem}.auth-card{width:100%;max-width:420px}.auth-title{font-size:1.75rem;font-weight:700;color:#fff;text-align:center;margin:0 0 .5rem}.auth-description{font-size:1rem;color:#ffffffb3;text-align:center;margin:0 0 1.5rem;line-height:1.5}.auth-error{font-size:.9rem;color:#e74c3c;background:#e74c3c1a;padding:.75rem 1rem;border-radius:12px;margin-bottom:1.25rem}.auth-form{display:flex;flex-direction:column;gap:0}.auth-field{margin-bottom:1.25rem}.auth-label{display:block;font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.5rem}.auth-input{width:100%;background:#1a3a5c;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.875rem 1rem;font-size:1rem;box-sizing:border-box}.auth-input::placeholder{color:#fff6}.auth-input:focus{outline:none;border-color:#d89c60}.auth-input-error{border-color:#e74c3c;border-width:2px}.auth-field-error{display:block;font-size:.8rem;color:#e74c3c;margin-top:.35rem}.auth-forgot{align-self:flex-end;font-size:.9rem;font-weight:500;color:#e87a00;text-decoration:none;margin-bottom:1.5rem}.auth-forgot:hover{color:#f08a10}.auth-terms{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.auth-checkbox-wrap{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.auth-checkbox{position:absolute;opacity:0;width:0;height:0}.auth-checkbox-custom{width:22px;height:22px;border:2px solid #e87a00;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.auth-checkbox:checked+.auth-checkbox-custom{background:#e87a00}.auth-checkbox:checked+.auth-checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700;line-height:22px}.auth-terms-text{font-size:.9rem;color:#fffc;line-height:1.5}.auth-terms-text a{color:#e87a00;font-weight:600;text-decoration:none}.auth-terms-text a:hover{color:#f08a10}.auth-submit{width:100%;background:#e87a00;color:#fff;border:none;border-radius:12px;padding:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}.auth-submit:hover:not(:disabled){background:#f08a10}.auth-submit:disabled{background:#ffffff4d;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;font-size:1rem;color:#fffc}.auth-switch a{color:#e87a00;font-weight:700;text-decoration:none}.auth-switch a:hover{color:#f08a10}@media(max-width:480px){.auth-title{font-size:1.5rem}.auth-main{padding:1.5rem 1rem 2rem}}.dashboard-nav{background:#001f3df2;border-bottom:1px solid rgba(4,81,116,.5);padding:0 1.5rem;position:relative}.dashboard-nav-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;padding:.75rem 0}.dashboard-nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s}.dashboard-nav-hamburger:hover{background:#ffffff14}.dashboard-nav-hamburger-line{display:block;width:22px;height:2px;background:#ffffffe6;border-radius:1px;transition:transform .3s ease,opacity .3s ease}.dashboard-nav-hamburger-line:nth-child(1){transform-origin:center}.dashboard-nav-hamburger-line:nth-child(2){transform-origin:center}.dashboard-nav-hamburger-line:nth-child(3){transform-origin:center}.dashboard-nav-hamburger .dashboard-nav-hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.dashboard-nav-hamburger .dashboard-nav-hamburger-line.open:nth-child(2){opacity:0}.dashboard-nav-hamburger .dashboard-nav-hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dashboard-nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem}.dashboard-nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#001f3dfa;border-bottom:1px solid rgba(4,81,116,.5);padding:.5rem 1rem 1rem;flex-direction:column;gap:.25rem;z-index:100;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.dashboard-nav-menu.open{max-height:400px;opacity:1}.dashboard-nav-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:99}.dashboard-nav-link{color:#ffffffd9;text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:color .2s,background .2s;background:none;border:none;cursor:pointer;font-family:inherit}.dashboard-nav-link.dashboard-nav-link-green{color:#6db36d!important}.dashboard-nav-link.dashboard-nav-link-green:hover{color:#8ed08e!important;background:#6db36d33!important}.dashboard-nav-link.dashboard-nav-link-green.dashboard-nav-link-active{color:#8ed08e!important;background:#6db36d40!important}.dashboard-nav-link.dashboard-nav-link-green.dashboard-nav-link-disabled{color:#6db36db3!important}.dashboard-nav-link.dashboard-nav-link-green.dashboard-nav-link-disabled:hover{color:#8ed08e!important;background:#6db36d26!important}@media(max-width:768px){.dashboard-nav{padding:0 1rem}.dashboard-nav-hamburger{display:flex}.dashboard-nav-links{display:none}.dashboard-nav-menu{display:flex}.dashboard-nav-overlay{display:block}.dashboard-nav-inner{justify-content:space-between}.dashboard-nav-menu .dashboard-nav-link{font-size:1rem;padding:.75rem 1rem;padding-left:0;min-height:48px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}.dashboard-nav-menu .dashboard-nav-link:last-child{border-bottom:none}}@media(max-width:480px){.dashboard-nav{padding:0 .75rem}.dashboard-nav-menu .dashboard-nav-link{font-size:.95rem;padding:.7rem 0}}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 0;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.pagination-info{font-size:.85rem;color:#ffffffb3}.pagination-buttons{display:flex;align-items:center;gap:.75rem}.pagination-page{font-size:.85rem;color:#fffc}.pagination-btn{padding:.4rem .75rem;font-size:.85rem;background:#d89c6033;color:#d89c60;border:1px solid rgba(216,156,96,.4);border-radius:8px;cursor:pointer;font-family:inherit;transition:background .2s,opacity .2s}.pagination-btn:hover:not(:disabled){background:#d89c604d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.dashboard-nav{background:#001f3df2;border-bottom:1px solid rgba(4,81,116,.5);padding:0 1rem}.dashboard-nav-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem 0}.dashboard-nav-link{color:#ffffffd9;text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem .75rem;border-radius:8px;transition:color .2s,background .2s;background:none;border:none;cursor:pointer;font-family:inherit}.dashboard-nav-link:hover{color:#d89c60;background:#ffffff0d}.dashboard-nav-link-active{color:#d89c60;background:#d89c601a}.dashboard-nav-link-disabled{opacity:.6}.dashboard-nav-link-disabled:hover{color:#ffffffd9}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.dashboard-main{flex:1;padding:2rem}.dashboard-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.dashboard-section{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;overflow:hidden}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(216,156,96,.15)}.dashboard-section-title{font-size:1.15rem;font-weight:600;color:#fff;margin:0}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.dashboard-section-content{padding:1rem 1.25rem;min-height:120px}.dashboard-empty{color:#fff9;font-size:.95rem;margin:0}.dashboard-error{color:#e74c3c}.dashboard-color-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.dashboard-color-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-color-item-link{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;color:inherit;text-decoration:none}.dashboard-color-item-link:hover .dashboard-color-name{color:#d89c60}.dashboard-color-item:last-child{border-bottom:none}.dashboard-project-item{gap:.5rem}.dashboard-project-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.dashboard-project-badge-active{color:#2ecc71;background:#2ecc7126}.dashboard-project-badge-inactive{color:#ffffff80;background:#ffffff14}.dashboard-view-btn{flex-shrink:0}.dashboard-mix-item{gap:1rem}.dashboard-mix-item .dashboard-color-info{flex:1;min-width:0}.dashboard-recipe-btn{flex-shrink:0;margin-left:auto;padding:.4rem 1rem}.dashboard-color-swatch{width:32px;height:32px;border-radius:8px;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.dashboard-color-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.dashboard-color-name{font-size:.95rem;font-weight:500;color:#fff}.dashboard-color-meta{font-size:.8rem;color:#d89c60e6}@media(max-width:768px){.dashboard-main{padding:1.5rem 1rem}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.my-colors-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.my-colors-main{flex:1;padding:1.5rem 2rem;max-width:1200px;margin:0 auto;width:100%}.my-colors-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.my-colors-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.my-colors-success{background:#27ae60;color:#fff;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:600;text-align:center}.my-colors-search{display:flex;align-items:center;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:.75rem 1rem;margin-bottom:1.5rem}.my-colors-search-icon{font-size:1.15rem;margin-right:.75rem}.my-colors-search-input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.my-colors-search-input::placeholder{color:#ffffff80}.my-colors-filters{margin-bottom:1.5rem}.my-colors-filter-row{margin-bottom:1rem}.my-colors-filter-label{display:block;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.my-colors-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.my-colors-chip{background:#04517480;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.my-colors-chip:hover{background:#d89c6033;border-color:#d89c6066}.my-colors-chip.active{background:#d89c60;border-color:#d89c60;color:#fff}.my-colors-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.my-colors-section-title{font-size:1.15rem;font-weight:600;color:#fff;margin:0}.my-colors-grid{display:flex;flex-direction:column;gap:1rem}.my-colors-card{display:flex;align-items:center;gap:1rem;background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1rem 1.25rem}.my-colors-swatch{width:56px;height:56px;border-radius:8px;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.my-colors-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.my-colors-name{font-size:1rem;font-weight:600;color:#fff}.my-colors-brand{font-size:.95rem;color:#d89c60;font-weight:500}.my-colors-hex{font-size:.85rem;color:#fff9;font-family:monospace}.my-colors-details{font-size:.8rem;color:#ffffff80}.my-colors-date{font-size:.75rem;color:#fff6}.my-colors-delete-btn{width:44px;height:44px;border-radius:8px;background:#e74c3c;color:#fff;border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.my-colors-delete-btn:hover:not(:disabled){opacity:.9}.my-colors-delete-btn:disabled{opacity:.6;cursor:not-allowed}.my-colors-loading,.my-colors-error,.my-colors-empty{text-align:center;padding:3rem 2rem}.my-colors-loading-icon,.my-colors-error-icon,.my-colors-empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.my-colors-loading p,.my-colors-error p,.my-colors-empty p{color:#ffffffb3;margin-bottom:1rem}.my-colors-error h3,.my-colors-empty h3{color:#fff;margin:0 0 .5rem}.my-colors-stats{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.my-colors-stats-title{font-size:1.15rem;font-weight:600;color:#fff;margin:0 0 1rem}.my-colors-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.my-colors-stat-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px;padding:1rem;text-align:center}.my-colors-stat-num{display:block;font-size:1.5rem;font-weight:700;color:#d89c60;margin-bottom:.25rem}.my-colors-stat-label{font-size:.85rem;color:#fffc}.my-colors-stats-extra{margin-top:1rem}.my-colors-stats-extra p{font-size:.9rem;color:#fff9;margin:.25rem 0}.my-colors-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.my-colors-modal{background:#045174f2;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.my-colors-modal h3{color:#fff;margin:0 0 .75rem;font-size:1.25rem}.my-colors-modal p{color:#fffc;margin:0 0 1.25rem;line-height:1.5}.my-colors-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.my-colors-main{padding:1rem}.my-colors-header{flex-direction:column;align-items:flex-start;gap:.75rem}.my-colors-filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.my-colors-chip{flex-shrink:0}.my-colors-stats-grid{grid-template-columns:1fr}}.add-color-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.add-color-main{flex:1;padding:1.5rem 2rem;max-width:900px;margin:0 auto;width:100%}.add-color-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.add-color-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.add-color-success{background:#27ae60;color:#fff;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:600;text-align:center}.add-color-preview{margin-bottom:1.5rem}.add-color-preview h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.add-color-preview-card{display:flex;align-items:center;gap:1rem;background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1rem 1.25rem}.add-color-preview-swatch{width:64px;height:64px;border-radius:12px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.add-color-preview-info{display:flex;flex-direction:column;gap:.25rem}.add-color-preview-name{font-size:1.1rem;font-weight:600;color:#fff}.add-color-preview-details{font-size:.9rem;color:#ffffffb3}.add-color-catalog{margin-bottom:1.5rem;background:#04517440;border:1px solid rgba(216,156,96,.2);border-radius:16px;overflow:hidden}.add-color-catalog-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.add-color-catalog-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.add-color-catalog-body{padding:1rem 1.25rem}.add-color-catalog-search{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:.95rem;margin-bottom:.75rem}.add-color-catalog-search::placeholder{color:#ffffff80}.add-color-catalog-brands{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.add-color-catalog-loading,.add-color-catalog-empty{color:#fff9;font-size:.95rem;margin:1rem 0}.add-color-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.add-color-catalog-card{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:background .2s,border-color .2s;text-align:center}.add-color-catalog-card:hover{background:#d89c6033;border-color:#d89c6066}.add-color-catalog-swatch{width:100%;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.add-color-catalog-name{font-size:.8rem;font-weight:500;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.add-color-catalog-brand{font-size:.75rem;color:#fff9}.add-color-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.add-color-pagination-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:#ffffffe6;background:#04517480;border:1px solid rgba(216,156,96,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.add-color-pagination-btn:hover:not(:disabled){background:#d89c6040;border-color:#d89c6080;color:#fff}.add-color-pagination-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#ffffff1a}.add-color-pagination-arrow{font-size:1rem;line-height:1}.add-color-pagination-pages{display:flex;align-items:center;gap:.35rem}.add-color-pagination-num{min-width:2rem;height:2rem;padding:0 .5rem;font-size:.9rem;font-weight:500;color:#ffffffd9;background:#04517466;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.add-color-pagination-num:hover{background:#d89c6033;border-color:#d89c6066;color:#fff}.add-color-pagination-num.active{background:#d89c60;border-color:#d89c60;color:#0a2744}.add-color-pagination-ellipsis{padding:0 .25rem;font-size:.95rem;color:#ffffff80;-webkit-user-select:none;user-select:none}.add-color-pagination-meta{font-size:.85rem;color:#ffffff80;margin-left:.5rem}.add-color-form{margin-bottom:2rem}.add-color-form h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.add-color-field{margin-bottom:1.25rem}.add-color-field label{display:block;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.add-color-field input[type=text],.add-color-field textarea{width:100%;background:#04517480;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:1rem}.add-color-field input::placeholder,.add-color-field textarea::placeholder{color:#ffffff80}.add-color-field textarea{resize:vertical;min-height:80px}.add-color-hex-row{display:flex;gap:.5rem;align-items:center}.add-color-hex-input{flex:1}.add-color-color-picker{width:48px;height:48px;padding:0;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;background:transparent}.add-color-chips{display:flex;flex-wrap:wrap;gap:.5rem}.add-color-chip{background:#04517480;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.add-color-chip:hover{background:#d89c6033;border-color:#d89c6066}.add-color-chip.active{background:#d89c60;border-color:#d89c60;color:#fff}.add-color-autocomplete{position:relative}.add-color-suggestions{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:#045174fa;border:1px solid rgba(216,156,96,.3);border-radius:12px;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0006}.add-color-suggestion-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s;flex-wrap:wrap}.add-color-suggestion-item:hover{background:#d89c6033}.add-color-suggestion-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.add-color-suggestion-meta{font-size:.8rem;color:#fff9;width:100%;margin-left:2.25rem}.add-color-submit{margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem}@media(max-width:768px){.add-color-main{padding:1rem}.add-color-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-color-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.add-color-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.add-color-chip{flex-shrink:0}.add-color-pagination{padding:.75rem 1rem;gap:.5rem}.add-color-pagination-btn{padding:.45rem .75rem;font-size:.85rem}.add-color-pagination-num{min-width:1.75rem;height:1.75rem;font-size:.85rem}.add-color-pagination-meta{width:100%;text-align:center;margin-left:0;margin-top:.25rem}}.limit-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.25rem}.limit-modal{max-width:420px;width:100%;background:#0a1f3d;border:1px solid #d89c60;border-radius:20px;padding:1.5rem;text-align:center}.limit-modal-emoji{font-size:2rem;display:block;margin-bottom:.75rem}.limit-modal-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.limit-modal-message{font-size:1rem;color:#b0c4de;line-height:1.5;margin:0 0 1.5rem}.limit-modal-actions{display:flex;flex-direction:column;gap:.75rem}.limit-modal-btn-upgrade{background:#d89c60;color:#0a1f3d;padding:.75rem 1.25rem;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .2s}.limit-modal-btn-upgrade:hover{background:#e8a870}.limit-modal-btn-close{background:transparent;color:#b0c4de;padding:.6rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:color .2s}.limit-modal-btn-close:hover{color:#fff}.mix-color-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.mix-color-main{flex:1;padding:1.5rem 2rem;max-width:1000px;margin:0 auto;width:100%}.mix-color-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mix-color-limit-bar{background:#1a3a5ccc;border:1px solid rgba(42,74,108,.6);border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1.5rem}.mix-color-limit-content{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.mix-color-limit-label{color:#8a9ba8f2;font-size:.9rem;font-weight:500}.mix-color-limit-emojis{display:flex;align-items:center;gap:.25rem}.mix-color-limit-emoji{font-size:1.1rem}.mix-color-limit-emoji.active{opacity:1}.mix-color-limit-emoji.inactive{opacity:.3}.mix-color-limit-text{color:#fff;font-size:.9rem;font-weight:600;margin-left:.25rem}.mix-color-limit-unlimited{color:#d89c60;font-size:1rem;font-weight:600}.mix-color-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.mix-color-warning{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:12px;padding:1rem;margin-bottom:1.5rem;color:#e74c3c}.mix-color-warning a{color:#d89c60;text-decoration:underline}.mix-color-settings{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.mix-color-setting-row{margin-bottom:1rem}.mix-color-setting-row:last-child{margin-bottom:0}.mix-color-setting-label{display:block;color:#fffc;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.mix-color-toggle{display:flex;gap:.5rem}.mix-color-toggle-btn{background:#0003;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.5rem 1rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s}.mix-color-toggle-btn:hover{background:#d89c6033;color:#fff}.mix-color-toggle-btn.active{background:#d89c60;border-color:#d89c60;color:#fff}.mix-color-chips{display:flex;flex-wrap:wrap;gap:.5rem}.mix-color-chip{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.mix-color-chip:hover{background:#d89c6033;border-color:#d89c6066}.mix-color-chip.active{background:#d89c60;border-color:#d89c60;color:#fff}.mix-color-section{margin-bottom:1.5rem}.mix-color-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.mix-color-search{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:1rem;margin-bottom:1rem}.mix-color-search::placeholder{color:#ffffff80}.mix-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.mix-color-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.mix-color-pagination-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:#ffffffe6;background:#04517480;border:1px solid rgba(216,156,96,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.mix-color-pagination-btn:hover:not(:disabled){background:#d89c6040;border-color:#d89c6080;color:#fff}.mix-color-pagination-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#ffffff1a}.mix-color-pagination-arrow{font-size:1rem;line-height:1}.mix-color-pagination-pages{display:flex;align-items:center;gap:.35rem}.mix-color-pagination-num{min-width:2rem;height:2rem;padding:0 .5rem;font-size:.9rem;font-weight:500;color:#ffffffd9;background:#04517466;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.mix-color-pagination-num:hover{background:#d89c6033;border-color:#d89c6066;color:#fff}.mix-color-pagination-num.active{background:#d89c60;border-color:#d89c60;color:#0a2744}.mix-color-pagination-ellipsis{padding:0 .25rem;font-size:.95rem;color:#ffffff80;-webkit-user-select:none;user-select:none}.mix-color-pagination-meta{font-size:.85rem;color:#ffffff80;margin-left:.5rem}.mix-color-card{background:#04517459;border:2px solid transparent;border-radius:12px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s;text-align:center}.mix-color-card:hover{background:#d89c6033;border-color:#d89c6066}.mix-color-card.selected{border-color:#d89c60;background:#d89c6026}.mix-color-swatch{width:48px;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.mix-color-card-name{font-size:.8rem;font-weight:500;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mix-color-card-meta{font-size:.75rem;color:#fff9}.mix-color-empty{color:#fff9;font-size:.95rem;margin:1rem 0}.mix-color-picker-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mix-color-picker-input{width:56px;height:56px;padding:0;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;background:transparent}.mix-color-hex-input{flex:1;min-width:120px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:1rem;font-family:monospace}.mix-color-hex-input::placeholder{color:#ffffff80}.mix-color-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.mix-color-modal{background:#045174f2;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:2rem;text-align:center}.mix-color-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#d89c60;border-radius:50%;animation:mix-spin .8s linear infinite;margin:0 auto 1rem}@keyframes mix-spin{to{transform:rotate(360deg)}}.mix-color-modal p{color:#fff;margin:0 0 1rem}.mix-color-error{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:12px;padding:1rem;margin-bottom:1rem;color:#e74c3c}.mix-color-result{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.5rem}.mix-color-comparison{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.mix-color-comparison-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mix-color-comparison-label{font-size:.85rem;color:#ffffffb3}.mix-color-comparison-swatch{width:64px;height:64px;border-radius:12px;border:2px solid rgba(255,255,255,.2)}.mix-color-comparison-item span:last-child{font-size:.9rem;color:#fff}.mix-color-comparison-arrow{font-size:1.5rem;color:#d89c60}.mix-color-recipe{margin-bottom:1rem}.mix-color-recipe h4{color:#fff;font-size:1rem;margin:0 0 .75rem}.mix-color-recipe-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#0003;border-radius:8px;margin-bottom:.5rem}.mix-color-recipe-color{display:flex;align-items:center;gap:.75rem}.mix-color-recipe-swatch{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.mix-color-recipe-name{display:block;color:#fff;font-size:.95rem;font-weight:500}.mix-color-recipe-meta{font-size:.8rem;color:#fff9}.mix-color-recipe-ratio{font-size:1rem;font-weight:600;color:#d89c60}.mix-color-accuracy{margin-bottom:1rem}.mix-color-result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.mix-color-accuracy span{font-size:.9rem}.mix-color-accuracy .excellent{color:#27ae60}.mix-color-accuracy .poor{color:#e74c3c}.mix-color-target-scale{display:flex;align-items:center;gap:.5rem}.mix-color-comparison-swatch-small{width:48px;height:48px}.mix-color-scale-arrow{color:#d89c60;font-size:1.25rem}.mix-color-scale-hint{font-size:.75rem;color:#fff9}.mix-color-adjustment{background:#04517440;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:0;margin-bottom:1.5rem;overflow:hidden}.mix-color-adjustment h4{color:#fff;font-size:1rem;font-weight:600;margin:0;padding:1rem 1.25rem;background:#00000026;border-bottom:1px solid rgba(255,255,255,.08)}.mix-color-adjustment-body{padding:1.25rem}.mix-color-adjustment-row{margin-bottom:1.25rem}.mix-color-adjustment-row:last-of-type{margin-bottom:0}.mix-color-adjustment-row .mix-color-setting-label{display:block;color:#ffffffd9;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.mix-color-adjustment-row .mix-color-chips{margin-top:0}.mix-color-strict-row{margin-bottom:1rem}.mix-color-strict-label{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;color:#ffffffe6;font-size:.9rem;cursor:pointer;background:#00000026;border-radius:8px;border:1px solid rgba(255,255,255,.06);transition:background .2s,border-color .2s}.mix-color-strict-label:hover{background:#0003;border-color:#d89c6033}.mix-color-strict-label input[type=checkbox]{width:18px;height:18px;accent-color:#d89c60;cursor:pointer}.mix-color-scale-section{background:#0000001f;border-radius:10px;padding:1rem;margin-top:.5rem}.mix-color-scale-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.mix-color-scale-header .mix-color-setting-label{margin-bottom:0}.mix-color-toggle-label{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;color:#ffffffe6;font-size:.9rem;cursor:pointer;background:#04517466;border-radius:8px;border:1px solid rgba(216,156,96,.2);transition:all .2s}.mix-color-toggle-label:hover{background:#d89c6026;border-color:#d89c6059}.mix-color-toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:#d89c60;cursor:pointer}.mix-color-scale-presets{display:flex;flex-wrap:wrap;gap:.4rem}.mix-color-scale-presets .mix-color-chip{padding:.35rem .75rem;font-size:.85rem}.mix-color-lightness-row .mix-color-setting-label{margin-bottom:.5rem}.mix-color-lightness-btns{display:flex;gap:.5rem}.mix-color-adjust-btn{flex:1;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:8px;border:1px solid rgba(216,156,96,.3);background:#04517466;color:#ffffffe6;transition:all .2s}.mix-color-adjust-btn:hover{background:#d89c6033;border-color:#d89c6080;color:#fff}.mix-color-adjustment-divider{height:1px;background:#ffffff14;margin:1.25rem 0}.mix-color-remix-btn{margin-top:1.25rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;background:linear-gradient(135deg,#d89c60,#c78a50);border:1px solid rgba(255,255,255,.2);color:#0a2744;box-shadow:0 2px 8px #d89c604d;transition:all .2s;cursor:pointer}.mix-color-remix-btn:hover{background:linear-gradient(135deg,#e5a96a,#d89c60);box-shadow:0 4px 12px #d89c6066;transform:translateY(-1px)}.mix-color-adjustment-hint{font-size:.8rem;color:#ffffff8c;margin:.6rem 0 0;text-align:center}.mix-color-save-modal{background:#045174fa;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:1.5rem;max-width:400px;width:90%}.mix-color-save-modal h3{color:#fff;margin:0 0 1rem;font-size:1.25rem}.mix-color-save-form{margin-bottom:1rem}.mix-color-save-form label{display:block;color:#ffffffe6;font-size:.9rem;margin-bottom:.25rem}.mix-color-save-form input,.mix-color-save-form textarea{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:1rem;margin-bottom:.75rem}.mix-color-save-form textarea{resize:vertical;min-height:80px}.mix-color-save-buttons{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.mix-color-main{padding:1rem}.mix-color-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mix-color-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.mix-color-chip{flex-shrink:0}.mix-color-pagination{padding:.75rem 1rem;gap:.5rem}.mix-color-pagination-btn{padding:.45rem .75rem;font-size:.85rem}.mix-color-pagination-num{min-width:1.75rem;height:1.75rem;font-size:.85rem}.mix-color-pagination-meta{width:100%;text-align:center;margin-left:0;margin-top:.25rem}.mix-color-adjustment-body{padding:1rem}.mix-color-adjustment .mix-color-chips{flex-wrap:wrap;overflow-x:visible}.mix-color-lightness-btns{flex-direction:column}}.my-mixes-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.my-mixes-main{flex:1;padding:1.5rem 2rem;max-width:800px;margin:0 auto;width:100%}.my-mixes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.my-mixes-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.my-mixes-search{display:flex;align-items:center;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:.75rem 1rem;margin-bottom:1.5rem}.my-mixes-search-icon{font-size:1.15rem;margin-right:.75rem}.my-mixes-search-input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.my-mixes-search-input::placeholder{color:#ffffff80}.my-mixes-section{margin-bottom:1.5rem}.my-mixes-section-title{font-size:1.15rem;font-weight:600;color:#fff;margin:0 0 1rem}.my-mixes-loading{text-align:center;padding:3rem 2rem}.my-mixes-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#d89c60;border-radius:50%;animation:my-mixes-spin .8s linear infinite;margin:0 auto 1rem}@keyframes my-mixes-spin{to{transform:rotate(360deg)}}.my-mixes-loading p{color:#ffffffb3;margin:0}.my-mixes-empty{text-align:center;padding:3rem 2rem;background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px}.my-mixes-empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.my-mixes-empty h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.my-mixes-empty p{color:#ffffffb3;margin-bottom:1.5rem}.my-mixes-list{display:flex;flex-direction:column;gap:1rem}.my-mixes-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.25rem}.my-mixes-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.my-mixes-target-swatch{width:56px;height:56px;border-radius:12px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.my-mixes-card-info{display:flex;flex-direction:column;gap:.2rem}.my-mixes-card-name{font-size:1.1rem;font-weight:600;color:#fff}.my-mixes-target-name{font-size:.9rem;color:#ffffffb3}.my-mixes-target-brand{font-size:.85rem;color:#d89c60;font-weight:500}.my-mixes-delta-e{font-size:.85rem;color:#27ae60;font-weight:600;margin-top:.25rem}.my-mixes-recipe{margin-bottom:1rem}.my-mixes-recipe-title{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.5rem}.my-mixes-recipe-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#0003;border-radius:8px;margin-bottom:.4rem}.my-mixes-recipe-color{display:flex;align-items:center;gap:.75rem}.my-mixes-recipe-swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.my-mixes-recipe-name{display:block;font-size:.9rem;font-weight:500;color:#fff}.my-mixes-recipe-brand{font-size:.8rem;color:#fff9}.my-mixes-recipe-ratio{font-size:.95rem;font-weight:600;color:#d89c60}.my-mixes-notes{background:#0003;padding:.75rem;border-radius:8px;margin-bottom:1rem}.my-mixes-notes-label{display:block;font-size:.8rem;font-weight:600;color:#ffffffb3;margin-bottom:.25rem}.my-mixes-notes-text{font-size:.9rem;color:#fff;line-height:1.4}.my-mixes-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.my-mixes-date{font-size:.85rem;color:#ffffff80}.my-mixes-actions{display:flex;gap:.5rem}.my-mixes-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.my-mixes-modal{background:#045174fa;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.my-mixes-modal h3{color:#fff;font-size:1.25rem;margin:0 0 .75rem}.my-mixes-modal p{color:#fffc;margin:0 0 1.25rem;line-height:1.5}.my-mixes-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end}.btn-danger{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-danger:hover{background:#c0392b}@media(max-width:768px){.my-mixes-main{padding:1rem}.my-mixes-header{flex-direction:column;align-items:flex-start;gap:.75rem}.my-mixes-card-footer{flex-direction:column;align-items:flex-start}}.color-converter-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.color-converter-main{flex:1;padding:1.5rem 2rem;max-width:700px;margin:0 auto;width:100%}.color-converter-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 1.5rem}.color-converter-section{margin-bottom:1.5rem}.color-converter-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.color-converter-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.color-converter-info{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem}.color-converter-search{position:relative;display:flex;gap:.5rem;margin-bottom:.5rem}.color-converter-search-input{flex:1;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:1rem}.color-converter-search-input::placeholder{color:#ffffff80}.color-converter-suggestions{list-style:none;margin:0 0 1rem;padding:0;background:#045174f2;border:1px solid rgba(216,156,96,.3);border-radius:12px;overflow:hidden}.color-converter-suggestion-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s}.color-converter-suggestion-item:hover{background:#d89c6033}.color-converter-suggestion-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.color-converter-suggestion-meta{font-size:.8rem;color:#fff9;margin-left:auto}.color-converter-found-card{background:#04517459;border:2px solid #d89c60;border-radius:16px;padding:1rem;margin-bottom:1rem}.color-converter-found-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.color-converter-swatch{width:48px;height:48px;border-radius:8px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.color-converter-found-info{display:flex;flex-direction:column;gap:.2rem}.color-converter-found-name{font-size:1.1rem;font-weight:600;color:#fff}.color-converter-found-brand{font-size:.9rem;color:#ffffffb3}.color-converter-badge-in{display:inline-block;background:#27ae60;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;width:fit-content}.color-converter-badge-out{display:inline-block;background:#e74c3c;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;width:fit-content}.color-converter-found-footer{display:flex;align-items:center;justify-content:space-between}.color-converter-delta-e{font-size:.9rem;color:#ffffffb3}.color-converter-alternatives{margin-top:1rem}.color-converter-alt-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px;padding:1rem;margin-bottom:.75rem}.color-converter-alt-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.color-converter-alt-info{flex:1}.color-converter-alt-name{display:block;font-size:1rem;font-weight:600;color:#fff}.color-converter-alt-brand{font-size:.85rem;color:#fff9}.color-converter-alt-meta{display:flex;flex-direction:column;align-items:flex-end}.color-converter-picker-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.color-converter-picker-input{width:64px;height:64px;padding:0;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;background:transparent}.color-converter-hex-row{flex:1;display:flex;gap:.5rem;min-width:200px}.color-converter-hex-input{flex:1;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:1rem;font-family:monospace}.color-converter-hex-input::placeholder{color:#ffffff80}.color-converter-preview{height:100px;border-radius:16px;border:3px solid rgba(216,156,96,.3)}.color-converter-match-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1rem;margin-bottom:.75rem}.color-converter-match-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.color-converter-match-info{flex:1}.color-converter-match-name{display:block;font-size:1rem;font-weight:600;color:#fff}.color-converter-match-brand{font-size:.9rem;color:#d89c60}.color-converter-match-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.color-converter-match-delta{font-size:1rem;font-weight:600}.color-converter-match-delta.excellent{color:#27ae60}.color-converter-match-delta.good{color:#3498db}.color-converter-match-delta.fair{color:#f39c12}.color-converter-match-delta.poor{color:#e74c3c}.color-converter-format-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px;padding:1rem;margin-bottom:.75rem}.color-converter-format-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.color-converter-format-label{color:#d89c60;font-size:1rem;font-weight:600}.color-converter-format-value{color:#fff;font-size:.95rem;font-family:monospace}@media(max-width:768px){.color-converter-main{padding:1rem}.color-converter-search{flex-direction:column}.color-converter-picker-row{flex-direction:column;align-items:stretch}.color-converter-hex-row{min-width:0}}.collections-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.collections-main{flex:1;padding:1.5rem 2rem;max-width:800px;margin:0 auto;width:100%}.collections-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.collections-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.collections-search{display:flex;align-items:center;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:.75rem 1rem;margin-bottom:1.5rem}.collections-search-icon{font-size:1.15rem;margin-right:.75rem}.collections-search-input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.collections-search-input::placeholder{color:#ffffff80}.collections-loading{text-align:center;padding:3rem 2rem;color:#ffffffb3}.collections-empty{text-align:center;padding:3rem 2rem;background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px}.collections-empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.collections-empty h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.collections-empty p{color:#ffffffb3;margin-bottom:1.5rem}.collections-grid{display:flex;flex-direction:column;gap:1rem}.collections-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.25rem}.collections-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.collections-card-icon{font-size:2rem}.collections-card-info{flex:1}.collections-card-name{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.collections-card-count{font-size:.9rem;color:#d89c60}.collections-card-desc{font-size:.9rem;color:#ffffffb3;margin:0 0 1rem;line-height:1.4}.collections-card-actions{display:flex;gap:.75rem}.collections-btn-view{flex:1;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;color:#fff;background:#d89c6040;border:1px solid rgba(216,156,96,.5);border-radius:10px;cursor:pointer;transition:all .2s ease}.collections-btn-view:hover{background:#d89c6066;border-color:#d89c60;color:#fff;transform:translateY(-1px)}.collections-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.collections-modal{background:#045174fa;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.collections-modal h3{color:#fff;font-size:1.25rem;margin:0 0 1rem}.collections-modal p{color:#fffc;margin:0 0 1.25rem;line-height:1.5}.collections-modal-field{margin-bottom:1rem}.collections-modal-field label{display:block;color:#ffffffe6;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.collections-modal-field input,.collections-modal-field textarea{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:1rem}.collections-modal-field textarea{resize:vertical;min-height:80px}.collections-modal-error{color:#e74c3c;font-size:.9rem;margin:0 0 1rem}.collections-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}@media(max-width:768px){.collections-main{padding:1rem}.collections-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.collection-detail-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.collection-detail-main{flex:1;padding:1.5rem 2rem;max-width:800px;margin:0 auto;width:100%}.collection-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.collection-detail-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.collection-detail-search{display:flex;align-items:center;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:.75rem 1rem;margin-bottom:1.5rem}.collection-detail-search-icon{font-size:1.15rem;margin-right:.75rem}.collection-detail-search-input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.collection-detail-search-input::placeholder{color:#ffffff80}.collection-detail-loading{text-align:center;padding:3rem 2rem;color:#ffffffb3}.collection-detail-section{margin-bottom:2rem}.collection-detail-section h3{color:#fff;font-size:1.15rem;font-weight:600;margin:0 0 1rem}.collection-detail-empty{text-align:center;padding:2rem;background:#04517440;border:1px solid rgba(216,156,96,.2);border-radius:12px}.collection-detail-empty span{font-size:2.5rem;display:block;margin-bottom:.75rem}.collection-detail-empty p{color:#ffffffb3;margin:0}.collection-detail-colors{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.collection-detail-color-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px}.collection-detail-swatch-wrap{position:relative;flex-shrink:0}.collection-detail-swatch{width:48px;height:48px;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.collection-detail-color-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.collection-detail-color-name{font-size:1rem;font-weight:600;color:#fff}.collection-detail-color-brand{font-size:.9rem;color:#ffffffb3}.collection-detail-in-palette{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:.9rem;font-weight:700;color:#fff;background:#27ae60;border-radius:50%;border:2px solid rgba(4,81,116,.9);box-shadow:0 1px 3px #0000004d}.collection-detail-color-actions{display:flex;gap:.5rem}.collection-detail-add-color{padding:1rem;background:#0003;border-radius:12px}.collection-detail-add-color h4{color:#fff;font-size:1rem;margin:0 0 .75rem}.collection-detail-add-input-wrap{display:flex;align-items:center;background:#04517480;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem 1rem}.collection-detail-add-input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.collection-detail-add-input::placeholder{color:#ffffff80}.collection-detail-add-icon{margin-left:.5rem}.collection-detail-suggestions{margin-top:.5rem;max-height:280px;overflow-y:auto;background:#04517480;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.collection-detail-suggestion-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.06)}.collection-detail-suggestion-item:hover{background:#d89c6033}.collection-detail-suggestion-swatch{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.collection-detail-suggestion-meta{font-size:.85rem;color:#fff9}.collection-detail-recipes{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.collection-detail-recipe-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px;cursor:pointer;transition:background .2s}.collection-detail-recipe-card:hover{background:#04517480}.collection-detail-recipe-swatch{width:48px;height:48px;border-radius:10px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.collection-detail-recipe-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.collection-detail-recipe-name{font-size:1rem;font-weight:600;color:#fff}.collection-detail-recipe-target{font-size:.9rem;color:#ffffffb3}.collection-detail-add-recipe{padding:1rem;background:#0003;border-radius:12px}.collection-detail-add-recipe h4{color:#fff;font-size:1rem;margin:0 0 .75rem}.collection-detail-recipe-select{width:100%;padding:.6rem 1rem;background:#04517480;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:.75rem}.collection-detail-recipe-select option{background:#0a2744;color:#fff}.collection-detail-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.collection-detail-modal{background:#045174fa;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.collection-detail-modal h3{color:#fff;font-size:1.25rem;margin:0 0 .75rem}.collection-detail-modal p{color:#fffc;margin:0 0 1.25rem;line-height:1.5}.collection-detail-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end}.collection-detail-recipe-modal{max-height:90vh;overflow-y:auto}.collection-detail-recipe-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.collection-detail-recipe-modal-target{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border-radius:12px;margin-bottom:1rem}.collection-detail-recipe-modal-swatch{width:56px;height:56px;border-radius:12px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.collection-detail-recipe-modal-label{display:block;font-size:.8rem;color:#fff9;margin-bottom:.25rem}.collection-detail-recipe-modal-brand{display:block;font-size:.9rem;color:#d89c60}.collection-detail-recipe-modal-mix h4{color:#fff;font-size:1rem;margin:0 0 .75rem}.collection-detail-recipe-modal-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.collection-detail-recipe-modal-dot{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.collection-detail-recipe-modal-ratio{margin-left:auto;font-weight:600;color:#d89c60}.collection-detail-recipe-modal-delta{font-size:.95rem;color:#27ae60;font-weight:600;margin:1rem 0}@media(max-width:768px){.collection-detail-main{padding:1rem}.collection-detail-header{flex-direction:column;align-items:flex-start}.collection-detail-color-card{flex-wrap:wrap}.collection-detail-color-actions{width:100%;justify-content:flex-end}}.projects-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.projects-main{flex:1;padding:1.5rem 2rem;max-width:800px;margin:0 auto;width:100%}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.projects-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.projects-info{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.projects-search{display:flex;align-items:center;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:.75rem 1rem;margin-bottom:1rem}.projects-search-icon{font-size:1.15rem;margin-right:.75rem}.projects-search-input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.projects-search-input::placeholder{color:#ffffff80}.projects-filter{margin-bottom:1.5rem}.projects-filter-btn{background:#04517480;border:1px solid rgba(216,156,96,.2);color:#fffc;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.projects-filter-btn:hover{background:#045174b3;border-color:#d89c6066}.projects-filter-btn.active{background:#27ae60;border-color:#27ae60;color:#fff}.projects-loading{text-align:center;padding:3rem 2rem;color:#ffffffb3}.projects-empty{text-align:center;padding:3rem 2rem;background:#04517459;border:1px dashed rgba(216,156,96,.3);border-radius:16px}.projects-empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.projects-empty h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.projects-empty p{color:#ffffffb3;margin-bottom:1.5rem}.projects-section-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.projects-grid{display:flex;flex-direction:column;gap:1rem}.projects-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.25rem}.projects-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.projects-card-info{flex:1}.projects-card-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.projects-card-name{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.projects-badge{font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;border-radius:8px}.projects-badge.active{background:#27ae60;color:#fff}.projects-badge.inactive{background:#6b7c8e;color:#fff}.projects-card-scale{font-size:.9rem;color:#d89c60;font-weight:500;display:block;margin-top:.25rem}.projects-color-badge{background:#d89c60;color:#0a2744;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:12px}.projects-card-desc{font-size:.9rem;color:#ffffffb3;margin:0 0 1rem;line-height:1.4}.projects-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid rgba(216,156,96,.2)}.projects-card-date{font-size:.8rem;color:#ffffff80}.projects-card-actions{display:flex;gap:.5rem}.projects-btn-open{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:#d89c6040;border:1px solid rgba(216,156,96,.5);border-radius:10px;cursor:pointer;transition:all .2s ease}.projects-btn-open:hover{background:#d89c6066;border-color:#d89c60;transform:translateY(-1px)}.projects-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.projects-modal{background:#045174fa;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.projects-modal h3{color:#fff;font-size:1.25rem;margin:0 0 1rem}.projects-modal p{color:#fffc;margin:0 0 1.25rem;line-height:1.5}.projects-modal-field{margin-bottom:1rem}.projects-modal-field label{display:block;color:#ffffffe6;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.projects-modal-field input,.projects-modal-field textarea{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:1rem}.projects-modal-field textarea{resize:vertical;min-height:80px}.projects-modal-error{color:#e74c3c;font-size:.9rem;margin:0 0 1rem}.projects-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}@media(max-width:768px){.projects-main{padding:1rem}.projects-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.project-detail-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.project-detail-main{flex:1;padding:1.5rem 2rem;max-width:800px;margin:0 auto;width:100%}.project-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.project-detail-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.project-detail-loading{text-align:center;padding:3rem 2rem;color:#ffffffb3}.project-detail-info{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.project-detail-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-detail-info-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.project-detail-edit-btn{background:#d89c6040;border:1px solid rgba(216,156,96,.5);color:#fff;padding:.4rem .75rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.project-detail-edit-btn:hover{background:#d89c6066}.project-detail-info-desc{font-size:.95rem;color:#fffc;margin:0 0 1rem;line-height:1.4}.project-detail-stats{display:flex;align-items:center;gap:1rem}.project-detail-stat{flex:1;text-align:center}.project-detail-stat-value{display:block;font-size:1.25rem;font-weight:700;color:#d89c60}.project-detail-stat-label{font-size:.85rem;color:#fff9}.project-detail-stat-divider{width:1px;height:2rem;background:#d89c604d}.project-detail-status{margin-top:.75rem;padding:.5rem .75rem;background:#0003;border-radius:8px;font-size:.9rem;color:#ffffffe6}.project-detail-search{display:flex;align-items:center;background:#04517480;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:.75rem 1rem;margin-bottom:1.5rem}.project-detail-search-icon{font-size:1.15rem;margin-right:.75rem}.project-detail-search-input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.project-detail-search-input::placeholder{color:#ffffff80}.project-detail-section{margin-bottom:2rem}.project-detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-detail-section h3{color:#fff;font-size:1.15rem;font-weight:600;margin:0}.project-detail-selector{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px;padding:1rem;margin-bottom:1rem}.project-detail-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.project-detail-tab{flex:1;padding:.5rem .75rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.project-detail-tab:hover{background:#0000004d;color:#fff}.project-detail-tab.active{background:#d89c6066;border-color:#d89c60;color:#fff}.project-detail-selector-search{margin-bottom:.75rem}.project-detail-selector-search input{width:100%;padding:.5rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.project-detail-selector-search input::placeholder{color:#ffffff80}.project-detail-brand-filter{margin-bottom:1rem}.project-detail-brand-filter span{font-size:.9rem;color:#fffc;margin-right:.5rem}.project-detail-brand-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.project-detail-brand-chip{padding:.35rem .75rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fffc;font-size:.85rem;cursor:pointer;transition:all .2s}.project-detail-brand-chip:hover{background:#0000004d}.project-detail-brand-chip.active{background:#d89c6066;border-color:#d89c60;color:#fff}.project-detail-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:320px;overflow-y:auto}.project-detail-selector-card{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-align:center;cursor:pointer;transition:all .2s}.project-detail-selector-card:hover{background:#d89c6033;border-color:#d89c6066}.project-detail-selector-swatch{width:100%;aspect-ratio:1;max-height:56px;border-radius:8px;border:1px solid rgba(255,255,255,.2);margin-bottom:.5rem}.project-detail-selector-name{font-size:.85rem;font-weight:600;margin-bottom:.25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-detail-selector-brand{font-size:.75rem;color:#ffffffb3}.project-detail-mix-badge{font-size:.7rem;color:#d89c60;margin-top:.25rem}.project-detail-no-results{grid-column:1 / -1;text-align:center;color:#ffffffb3;font-style:italic;padding:2rem}.project-detail-empty{text-align:center;padding:2rem;background:#04517440;border:1px solid rgba(216,156,96,.2);border-radius:12px}.project-detail-empty span{font-size:2.5rem;display:block;margin-bottom:.75rem}.project-detail-empty p{color:#ffffffb3;margin:0}.project-detail-colors{display:flex;flex-direction:column;gap:.75rem}.project-detail-color-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px}.project-detail-swatch-wrap{position:relative;flex-shrink:0}.project-detail-swatch{width:48px;height:48px;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.project-detail-in-palette{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:.9rem;font-weight:700;color:#fff;background:#27ae60;border-radius:50%;border:2px solid rgba(4,81,116,.9);box-shadow:0 1px 3px #0000004d}.project-detail-color-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.project-detail-color-name{font-size:1rem;font-weight:600;color:#fff}.project-detail-color-brand{font-size:.9rem;color:#d89c60}.project-detail-color-finish{font-size:.85rem;color:#fff9}.project-detail-color-hex{font-size:.8rem;font-family:monospace;color:#ffffff80}.project-detail-manual-ref{font-size:.9rem;color:#ffffffb3;font-style:italic;margin-top:.25rem}.project-detail-color-actions{display:flex;gap:.5rem}.project-detail-action-btn{width:36px;height:36px;border-radius:50%;border:none;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.project-detail-action-btn.mix{background:#d89c6066;color:#fff}.project-detail-action-btn.mix:hover{background:#d89c60}.project-detail-action-btn.ref{background:#27ae6066;color:#fff}.project-detail-action-btn.ref:hover{background:#27ae60}.project-detail-action-btn.remove{background:#e74c3c66;color:#fff}.project-detail-action-btn.remove:hover:not(:disabled){background:#e74c3c}.project-detail-action-btn.remove:disabled{opacity:.6;cursor:not-allowed}.project-detail-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.project-detail-modal{background:#045174fa;border:1px solid rgba(216,156,96,.3);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.project-detail-modal h3{color:#fff;font-size:1.25rem;margin:0 0 .75rem}.project-detail-modal p{color:#fffc;margin:0 0 1rem;line-height:1.5}.project-detail-modal-input{width:100%;padding:.6rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:1rem}.project-detail-modal-input::placeholder{color:#ffffff80}.project-detail-modal-field{margin-bottom:1rem}.project-detail-modal-field label{display:block;color:#ffffffe6;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.project-detail-modal-switch{display:flex;align-items:center;gap:.75rem}.project-detail-modal-switch input[type=checkbox]{width:auto;margin:0}.project-detail-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}@media(max-width:768px){.project-detail-main{padding:1rem}.project-detail-header{flex-direction:column;align-items:flex-start}.project-detail-color-card{flex-wrap:wrap}.project-detail-color-actions{width:100%;justify-content:flex-end}.project-detail-selector-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.import-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.import-main{flex:1;padding:1.5rem 2rem;max-width:700px;margin:0 auto;width:100%;padding-bottom:100px}.import-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.import-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.import-info-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.import-info-card h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.import-info-card p{color:#ffffffd9;font-size:.95rem;margin:0 0 .5rem;line-height:1.5}.import-info-small{color:#ffffffb3!important;font-size:.9rem!important}.import-example-box{background:#00000040;border-radius:12px;padding:1.25rem;margin:.75rem 0;border:1px solid rgba(255,255,255,.08)}.import-example-header{color:#ffffffe6;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.import-example-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0}.import-example-table th,.import-example-table td{padding:.6rem 1rem;text-align:left;border:1px solid rgba(255,255,255,.12)}.import-example-table th{background:#d89c6033;color:#d89c60;font-weight:600;font-family:inherit}.import-example-table td{background:#00000026;color:#fffffff2}.import-example-table tbody tr:hover td{background:#ffffff0a}.import-example-table td:first-child{font-family:ui-monospace,monospace;color:#a8d4ff}.import-example-csv-hint{color:#ffffffa6;font-size:.85rem;margin:.75rem 0 0}.import-example-csv-hint code{color:#d89c60;font-family:ui-monospace,monospace;font-size:.85rem;padding:.1rem .35rem;background:#0003;border-radius:4px}.import-section{margin-bottom:1.5rem}.import-section h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.import-file-input{display:none}.import-pick-btn{background:#27ae60;color:#fff;padding:.75rem 1.5rem;border-radius:24px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #27ae6059}.import-pick-btn:hover:not(:disabled){background:#2ecc71;transform:translateY(-1px)}.import-pick-btn:disabled{opacity:.6;cursor:not-allowed}.import-file-name{color:#ffffffb3;font-size:.9rem;margin:.5rem 0 0}.import-loading{color:#d89c60;font-size:.9rem;margin:.5rem 0 0}.import-summary{color:#ffffffd9;font-size:.95rem;margin:.25rem 0}.import-selection-buttons{display:flex;gap:.75rem;margin:1rem 0}.import-btn-check-all{background:#d89c6066;border:1px solid rgba(216,156,96,.6);color:#fff;padding:.5rem 1.25rem;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.import-btn-check-all:hover{background:#d89c6099}.import-btn-uncheck-all{background:#04517480;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:24px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.import-btn-uncheck-all:hover{background:#045174b3}.import-matches-box{background:#0003;border-radius:12px;padding:1rem;margin-top:1rem}.import-matches-box h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.import-match-row{display:flex;align-items:center;padding:.5rem 0;cursor:pointer;border-radius:8px;transition:background .2s}.import-match-row:hover{background:#ffffff0d}.import-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid rgba(255,255,255,.4);margin-right:.75rem;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.import-checkbox.checked{background:#d89c60;border-color:#d89c60}.import-match-swatch{width:28px;height:28px;border-radius:50%;margin-right:.75rem;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.import-match-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.import-match-name{color:#fff;font-size:.95rem;font-weight:600}.import-match-details{color:#ffffffb3;font-size:.85rem}.import-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.import-pagination span{color:#ffffffb3;font-size:.9rem}.import-pagination-btn{padding:.4rem 1rem;background:#04517480;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.import-pagination-btn:hover:not(:disabled){background:#045174b3}.import-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.import-unmatched-hint{color:#f1c40f;font-size:.9rem;margin-top:1rem}.import-bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:1rem;padding:1rem 2rem;background:#0f2844fa;border-top:1px solid rgba(255,255,255,.1);max-width:700px;margin:0 auto}.import-btn-cancel{flex:1;padding:.75rem 1.25rem;background:#6b7c8e;color:#fff;border-radius:24px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;transition:all .2s}.import-btn-cancel:hover{background:#7d8fa0}.import-btn-add{flex:1;padding:.75rem 1.25rem;background:#27ae60;color:#fff;border-radius:24px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.import-btn-add:hover:not(:disabled){background:#2ecc71;transform:translateY(-1px)}.import-btn-add:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.import-main,.import-bottom-bar{padding:1rem}}.report-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.report-main{flex:1;padding:1.5rem 2rem 3rem;max-width:600px;margin:0 auto;width:100%}.report-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.report-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.report-info-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.report-info-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.report-info-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.report-info-text{font-size:.95rem;color:#fffc;line-height:1.5;margin:0}.report-form,.report-section{margin-bottom:1.5rem}.report-section h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .75rem}.report-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.report-type-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#04517459;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.report-type-card:hover{background:#04517480;border-color:#d89c604d}.report-type-card.active{background:#2a4a6c99;border-color:#d89c60;color:#d89c60}.report-type-icon{font-size:1.75rem;margin-bottom:.5rem}.report-type-label{text-align:center}.report-field{margin-bottom:1rem}.report-field label{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.5rem}.report-field-helper{font-size:.85rem;color:#ffffffb3;margin:0 0 .5rem}.report-section input,.report-section textarea{width:100%;padding:.75rem 1rem;background:#04517459;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem}.report-section input::placeholder,.report-section textarea::placeholder{color:#ffffff80}.report-section textarea{min-height:120px;resize:vertical}.report-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:#d89c60;border:none;border-radius:12px;color:#0a2744;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #d89c604d}.report-submit-btn:hover:not(:disabled){background:#e8a870;transform:translateY(-1px)}.report-submit-btn:disabled{background:#6b7c8e;cursor:not-allowed;box-shadow:none}.report-submit-icon{font-size:1.25rem}.report-support-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:12px;padding:1rem}.report-support-card h4{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .5rem}.report-support-card p{font-size:.9rem;color:#fffc;margin:0 0 .5rem}.report-support-email{font-size:1rem;font-weight:600;color:#d89c60;font-family:ui-monospace,monospace;text-decoration:none}.report-support-email:hover{text-decoration:underline}.report-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.report-modal{background:#045174fa;border:2px solid #d89c60;border-radius:20px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 8px 32px #d89c604d}.report-modal-header{text-align:center;margin-bottom:1rem}.report-modal-icon{font-size:3rem;display:block;margin-bottom:.5rem}.report-modal-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.report-modal-message{font-size:1rem;color:#fffffff2;line-height:1.5;text-align:center;margin:0 0 1rem;white-space:pre-line}.report-modal-footer{background:#d89c6026;border:1px solid rgba(216,156,96,.3);border-radius:12px;padding:.75rem;margin-bottom:1rem;text-align:center}.report-modal-footer span{font-size:.9rem;color:#d89c60;font-weight:600}.report-modal-btn{width:100%;padding:.75rem 1.25rem;background:#d89c60;border:none;border-radius:12px;color:#0a2744;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.report-modal-btn:hover{background:#e8a870}@media(max-width:768px){.report-main{padding:1rem}.report-type-grid{grid-template-columns:1fr}}.settings-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.settings-main{flex:1;padding:1.5rem 2rem 3rem;max-width:600px;margin:0 auto;width:100%}.settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.settings-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.settings-section{margin-bottom:2rem}.settings-section h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 1rem}.settings-card{background:#04517459;border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.25rem}.settings-subscription-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.settings-subscription-label{font-size:1rem;font-weight:600;color:#fff}.settings-subscription-badge{background:#d89c60;color:#0a2744;padding:.35rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700}.settings-subscription-hint{font-size:.9rem;color:#ffffffbf;line-height:1.5;margin:0 0 1rem}.settings-update-btn{display:block;width:100%;padding:.75rem 1.25rem;background:#d89c60;border:none;border-radius:24px;color:#0a2744;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #d89c604d}.settings-update-btn:hover:not(:disabled){background:#e8a870;transform:translateY(-1px)}.settings-update-btn:disabled{opacity:.6;cursor:not-allowed}.settings-subscription-actions{display:flex;flex-direction:column;gap:.5rem}.settings-manage-link{background:transparent;border:1px solid rgba(216,156,96,.6);color:#d89c60;text-align:center;text-decoration:none}.settings-test-stripe-btn{background:transparent;border:1px dashed rgba(255,255,255,.4);color:#fffc;font-size:.9rem}.settings-test-stripe-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff80;color:#fff}.settings-manage-link:hover{background:#d89c6026}.settings-field{margin-bottom:1rem}.settings-field label{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.5rem}.settings-field input{width:100%;padding:.75rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem}.settings-field input::placeholder{color:#ffffff80}.settings-field input:disabled{opacity:.6;cursor:not-allowed}.settings-field-hint{font-size:.85rem;color:#fff9;margin:.5rem 0 0}.settings-danger-btn{display:block;width:100%;padding:.75rem 1.25rem;background:#e74c3c;border:none;border-radius:24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #e74c3c4d}.settings-danger-btn:hover{background:#c0392b;transform:translateY(-1px)}.settings-danger-warning{font-size:.9rem;color:#ffffffb3;text-align:center;line-height:1.5;margin:.75rem 0 0}.settings-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.settings-modal{background:#045174fa;border-radius:20px;padding:1.5rem;max-width:400px;width:100%}.settings-modal-success{border:2px solid #27ae60;box-shadow:0 8px 32px #27ae604d}.settings-modal-delete{border:2px solid #e74c3c;box-shadow:0 8px 32px #e74c3c4d}.settings-modal-header{text-align:center;margin-bottom:1rem}.settings-modal-icon{font-size:3rem;display:block;margin-bottom:.5rem}.settings-modal-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.settings-modal-message{font-size:1rem;color:#fffffff2;line-height:1.5;text-align:center;margin:0 0 1rem;white-space:pre-line}.settings-modal-footer{background:#27ae6026;border:1px solid rgba(39,174,96,.3);border-radius:12px;padding:.75rem;margin-bottom:1rem;text-align:center}.settings-modal-footer span{font-size:.9rem;color:#27ae60;font-weight:600}.settings-modal-btn{width:100%;padding:.75rem 1.25rem;background:#27ae60;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.settings-modal-btn:hover{background:#2ecc71}.settings-modal-buttons{display:flex;gap:.75rem;margin-top:1rem}.settings-modal-cancel-btn{flex:1;padding:.75rem 1rem;background:#6b7c8e;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-modal-cancel-btn:hover:not(:disabled){background:#7d8fa0}.settings-modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.settings-modal-delete-btn{flex:1;padding:.75rem 1rem;background:#e74c3c;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.settings-modal-delete-btn:hover:not(:disabled){background:#c0392b}.settings-modal-delete-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.settings-main{padding:1rem}}.pricing-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.pricing-main{flex:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem 3rem;width:100%}.pricing-header{text-align:center;margin-bottom:2.5rem}.pricing-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .75rem;letter-spacing:.02em}.pricing-subtitle{color:#8a9ba8f2;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.pricing-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:#1a3a5ccc;border:2px solid #d89c60;border-radius:1.25rem;padding:1.5rem 2rem;margin:1.5rem 0}.pricing-stat{text-align:center;flex:1}.pricing-stat-value{display:block;font-size:2.25rem;font-weight:700;color:#d89c60;margin-bottom:.25rem}.pricing-stat-label{font-size:.9rem;color:#fff;font-weight:600}.pricing-stat-divider{width:2px;height:3rem;background:#d89c6066}.pricing-trial-banner{display:flex;align-items:center;gap:1rem;background:#27ae60;border-radius:1rem;padding:1.25rem 1.5rem;margin-top:1.5rem}.pricing-trial-icon{font-size:2rem}.pricing-trial-content{flex:1}.pricing-trial-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.pricing-trial-subtitle{color:#fffffff2;font-size:.9rem;margin:0}.pricing-plans{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.pricing-plan-card{background:#1a3a5c99;border:2px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:1.5rem;position:relative}.pricing-plan-card.premium{border-color:#d89c60;border-width:3px;box-shadow:0 4px 20px #d89c6033}.pricing-plan-card.current-plan{opacity:.85}.pricing-error{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center}.pricing-restore-row{text-align:center;margin-bottom:2rem}.pricing-restore-btn{background:transparent;border:1px solid rgba(216,156,96,.6);color:#d89c60;font-size:.95rem;padding:.6rem 1.25rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.pricing-restore-btn:hover:not(:disabled){background:#d89c6026}.pricing-restore-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-billing-link{display:inline-block;text-decoration:none;text-align:center}.pricing-restore-hint{color:#8a9ba8e6;font-size:.85rem;margin:.5rem 0 0}.pricing-plan-header{margin-bottom:1.25rem;padding-top:.5rem}.pricing-plan-name-row{margin-bottom:.5rem;text-align:center}.pricing-plan-name{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.pricing-savings-badge{display:block;width:fit-content;margin:0 auto .5rem;background:#27ae60;color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .6rem;border-radius:.5rem;text-align:center}.pricing-trial-badge{display:block;background:#27ae60;color:#fff;font-size:.8rem;font-weight:700;padding:.4rem .75rem;border-radius:.5rem;margin:.5rem auto;text-align:center;width:fit-content}.pricing-plan-duration{display:block;color:#8a9ba8f2;font-size:.9rem;margin-bottom:.5rem;text-align:center}.pricing-price-row{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.pricing-price{font-size:2.25rem;font-weight:700;color:#d89c60}.pricing-period{font-size:1rem;color:#8a9ba8f2}.pricing-trial-note{color:#8a9ba8e6;font-size:.85rem;text-align:center;margin:.5rem 0 0;font-style:italic}.pricing-features{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.75rem}.pricing-feature{display:flex;align-items:flex-start;gap:.75rem}.pricing-feature.disabled .pricing-feature-text{color:#6b7c8ee6;text-decoration:line-through}.pricing-feature-icon{color:#27ae60;font-size:1rem;font-weight:700;flex-shrink:0}.pricing-feature.disabled .pricing-feature-icon{color:#6b7c8eb3}.pricing-feature-text{font-size:.9rem;color:#fff;line-height:1.4}.pricing-cta-btn{display:block;text-align:center;background:#d89c60;color:#0a2744;font-size:1rem;font-weight:700;padding:.9rem 1.5rem;border-radius:.75rem;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.pricing-cta-btn:hover{background:#e8a870;color:#0a2744;box-shadow:0 2px 12px #d89c6066}.pricing-faq{margin-bottom:2rem}.pricing-faq-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 1.25rem}.pricing-faq-item{background:#1a3a5c99;border:1px solid rgba(42,74,108,.6);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden}.pricing-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:none;border:none;color:#fff;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s}.pricing-faq-question:hover{background:#ffffff0d}.pricing-faq-icon{color:#d89c60;font-size:.75rem;flex-shrink:0}.pricing-faq-answer{color:#8a9ba8f2;font-size:.9rem;line-height:1.5;margin:0;padding:.75rem 1.25rem 1rem;border-top:1px solid rgba(255,255,255,.1)}.pricing-legal{padding:1.5rem 0}.pricing-legal-text{color:#8a9ba8e6;font-size:.8rem;text-align:center;line-height:1.5;margin:0}.pricing-legal-link{color:#d89c60;text-decoration:underline}.pricing-legal-link:hover{color:#e8a870}@media(min-width:768px){.pricing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pricing-plan-card{display:flex;flex-direction:column}.pricing-cta-btn{margin-top:auto}}@media(max-width:600px){.pricing-main{padding:1.5rem 1rem 2rem}.pricing-title{font-size:1.6rem}.pricing-stats{flex-direction:column;gap:1rem}.pricing-stat-divider{width:80%;height:2px}}.billing-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.billing-main{flex:1;max-width:600px;margin:0 auto;padding:2rem 1.5rem 3rem;width:100%}.billing-header{text-align:center;margin-bottom:2rem}.billing-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.billing-subtitle{color:#8a9ba8f2;font-size:1rem;margin:0}.billing-error{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center}.billing-status-card{background:#1a3a5c99;border:2px solid rgba(255,255,255,.15);border-radius:1rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.billing-status-card h3{font-size:.95rem;color:#8a9ba8f2;margin:0 0 .5rem;font-weight:600}.billing-status-badge{font-size:1.1rem;font-weight:700;margin:0}.billing-status-badge.pro{color:#27ae60}.billing-status-badge.free{color:#8a9ba8f2}.billing-status-expiry{font-size:.9rem;color:#8a9ba8e6;margin:.25rem 0 0}.billing-status-loading{color:#8a9ba8e6;margin:0}.billing-status-manage{display:inline-block;margin-top:.5rem;color:#d89c60;font-size:.9rem;text-decoration:underline}.billing-status-manage:hover{color:#e8a870}.billing-plans{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.billing-card{background:#1a3a5c99;border:2px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:1.5rem;position:relative}.billing-plan-card{text-align:center}.billing-plan-card.premium{border-color:#d89c60;border-width:3px;box-shadow:0 4px 20px #d89c6033}.billing-savings-badge{position:absolute;top:-.5rem;right:1rem;background:#27ae60;color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .6rem;border-radius:.5rem}.billing-plan-card h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.billing-plan-price{font-size:1.75rem;font-weight:700;color:#d89c60;margin:0 0 .25rem}.billing-plan-price span{font-size:1rem;font-weight:500;color:#8a9ba8f2}.billing-plan-trial{color:#27ae60;font-size:.9rem;margin:0 0 1rem}.billing-cta-btn{display:block;width:100%;text-align:center;background:#d89c60;color:#0a2744;font-size:1rem;font-weight:700;padding:.9rem 1.5rem;border-radius:.75rem;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.billing-cta-btn:hover:not(:disabled){background:#e8a870;color:#0a2744;box-shadow:0 2px 12px #d89c6066}.billing-cta-btn:disabled{opacity:.7;cursor:not-allowed}.billing-cta-btn.secondary{background:transparent;border:1px solid rgba(216,156,96,.6);color:#d89c60;margin-top:.5rem}.billing-cta-btn.secondary:hover{background:#d89c6026}.billing-login-prompt,.billing-current-plan{text-align:center}.billing-login-prompt h2,.billing-current-plan h2{font-size:1.25rem;color:#fff;margin:0 0 .5rem}.billing-login-prompt p,.billing-current-plan p{color:#8a9ba8f2;font-size:.95rem;margin:0 0 1rem}.billing-login-prompt .billing-cta-btn{margin-bottom:.5rem}.billing-legal{padding:1rem 0}.billing-legal p{color:#8a9ba8e6;font-size:.8rem;text-align:center;line-height:1.5;margin:0}.billing-legal-link{color:#d89c60;text-decoration:underline}.billing-legal-link:hover{color:#e8a870}@media(min-width:600px){.billing-plans{flex-direction:row;justify-content:center}.billing-plan-card{flex:1;max-width:280px}}.billing-success-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529)}.billing-success-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.billing-success-card{background:#1a3a5c99;border:2px solid #27ae60;border-radius:1.25rem;padding:2rem;text-align:center;max-width:420px;width:100%}.billing-success-icon{width:4rem;height:4rem;margin:0 auto 1rem;background:#27ae60;color:#fff;font-size:2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.billing-success-card h1{font-size:1.5rem;color:#fff;margin:0 0 .5rem}.billing-success-card p{color:#8a9ba8f2;font-size:.95rem;margin:0 0 1rem}.billing-success-session{font-size:.8rem!important;word-break:break-all}.billing-success-session code{background:#0003;padding:.2rem .4rem;border-radius:.25rem}.billing-success-cta{display:block;background:#d89c60;color:#0a2744;font-size:1rem;font-weight:700;padding:.9rem 1.5rem;border-radius:.75rem;text-decoration:none;margin:0 0 .75rem;transition:all .2s}.billing-success-cta:hover{background:#e8a870;box-shadow:0 2px 12px #d89c6066}.billing-success-link{color:#d89c60;font-size:.9rem;text-decoration:underline}.billing-success-link:hover{color:#e8a870}.billing-cancel-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529)}.billing-cancel-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.billing-cancel-card{background:#1a3a5c99;border:2px solid rgba(255,255,255,.2);border-radius:1.25rem;padding:2rem;text-align:center;max-width:420px;width:100%}.billing-cancel-card h1{font-size:1.5rem;color:#fff;margin:0 0 .5rem}.billing-cancel-card p{color:#8a9ba8f2;font-size:.95rem;margin:0 0 1rem}.billing-cancel-cta{display:block;background:#d89c60;color:#0a2744;font-size:1rem;font-weight:700;padding:.9rem 1.5rem;border-radius:.75rem;text-decoration:none;margin:0 0 .75rem;transition:all .2s}.billing-cancel-cta:hover{background:#e8a870;box-shadow:0 2px 12px #d89c6066}.billing-cancel-link{color:#d89c60;font-size:.9rem;text-decoration:underline}.billing-cancel-link:hover{color:#e8a870}.how-it-works-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.how-it-works-main{flex:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem 3rem;width:100%}.how-it-works-header{text-align:center;margin-bottom:2.5rem}.how-it-works-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .75rem;letter-spacing:.02em}.how-it-works-subtitle{color:#8a9ba8f2;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.how-it-works-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:#1a3a5ccc;border:2px solid #d89c60;border-radius:1.25rem;padding:1.5rem 2rem;margin:1.5rem 0}.how-it-works-stat{text-align:center;flex:1}.how-it-works-stat-value{display:block;font-size:2.25rem;font-weight:700;color:#d89c60;margin-bottom:.25rem}.how-it-works-stat-label{font-size:.9rem;color:#fff;font-weight:600}.how-it-works-stat-divider{width:2px;height:3rem;background:#d89c6066}.how-it-works-section{margin-bottom:2.5rem}.how-it-works-section-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 1.25rem}.how-it-works-steps{display:flex;flex-direction:column;gap:1rem}.how-it-works-step{display:flex;align-items:flex-start;gap:1rem;background:#1a3a5c99;border:1px solid rgba(42,74,108,.6);border-radius:1rem;padding:1.25rem}.how-it-works-step-num{width:2.75rem;height:2.75rem;min-width:2.75rem;background:#d89c60;color:#0a2744;font-size:1.25rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.how-it-works-step-content{flex:1}.how-it-works-step-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .35rem}.how-it-works-step-desc{font-size:.9rem;color:#8a9ba8f2;line-height:1.5;margin:0}.how-it-works-features{display:flex;flex-direction:column;gap:1rem}.how-it-works-feature{display:flex;align-items:flex-start;gap:1rem;background:#1a3a5c99;border:1px solid rgba(42,74,108,.6);border-radius:1rem;padding:1.25rem}.how-it-works-feature-icon{font-size:2.25rem;flex-shrink:0}.how-it-works-feature-content{flex:1}.how-it-works-feature-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .35rem}.how-it-works-feature-desc{font-size:.9rem;color:#8a9ba8f2;line-height:1.5;margin:0}.how-it-works-faq-item{background:#1a3a5c99;border:1px solid rgba(42,74,108,.6);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden}.how-it-works-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:none;border:none;color:#fff;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s}.how-it-works-faq-question:hover{background:#ffffff0d}.how-it-works-faq-icon{color:#d89c60;font-size:.75rem;flex-shrink:0}.how-it-works-faq-answer{color:#8a9ba8f2;font-size:.9rem;line-height:1.5;margin:0;padding:.75rem 1.25rem 1rem;border-top:1px solid rgba(255,255,255,.1)}.how-it-works-help{background:#1a3a5ccc;border:2px solid #d89c60;border-radius:1.25rem;padding:1.5rem;margin-bottom:2rem;text-align:center}.how-it-works-help-title{font-size:1.25rem;font-weight:700;color:#d89c60;margin:0 0 .75rem}.how-it-works-help-text{font-size:.95rem;color:#8a9ba8f2;line-height:1.5;margin:0 0 1rem}.how-it-works-help-link{color:#d89c60;font-weight:600;text-decoration:underline}.how-it-works-help-link:hover{color:#e8a870}.how-it-works-cta{text-align:center}@media(max-width:600px){.how-it-works-main{padding:1.5rem 1rem 2rem}.how-it-works-title{font-size:1.6rem}.how-it-works-stats{flex-direction:column;gap:1rem}.how-it-works-stat-divider{width:80%;height:2px}}.cookies-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.cookies-main{flex:1;max-width:720px;margin:0 auto;padding:2rem 1.5rem 3rem;width:100%}.cookies-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.cookies-date{font-size:.9rem;color:#8a9ba8f2;margin:0 0 2rem}.cookies-section{margin-bottom:1.5rem}.cookies-subtitle{font-size:1.25rem;font-weight:700;color:#d89c60;margin:1.5rem 0 .75rem}.cookies-section:first-of-type .cookies-subtitle{margin-top:0}.cookies-paragraph{font-size:1rem;color:#e0e0e0f2;line-height:1.6;margin:0 0 .75rem}.cookies-paragraph-title{font-size:1.1rem;font-weight:600;color:#fff;margin:.75rem 0 .35rem}.cookies-list{margin:.5rem 0 1rem;padding-left:1.5rem;color:#e0e0e0f2;line-height:1.7}.cookies-list li{margin-bottom:.5rem}.cookies-link{color:#d89c60;text-decoration:underline}.cookies-link:hover{color:#e8a870}.cookies-footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cookies-footer-links a{color:#d89c60;text-decoration:none;font-size:.95rem}.cookies-footer-links a:hover{color:#e8a870;text-decoration:underline}@media(max-width:600px){.cookies-main{padding:1.5rem 1rem 2rem}.cookies-title{font-size:1.6rem}}.terms-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.terms-main{flex:1;max-width:720px;margin:0 auto;padding:2rem 1.5rem 3rem;width:100%}.terms-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.terms-date{font-size:.9rem;color:#8a9ba8f2;margin:0 0 2rem}.terms-section{margin-bottom:1.5rem}.terms-subtitle{font-size:1.25rem;font-weight:700;color:#d89c60;margin:1.5rem 0 .75rem}.terms-section:first-of-type .terms-subtitle{margin-top:0}.terms-paragraph{font-size:1rem;color:#e0e0e0f2;line-height:1.6;margin:0 0 .75rem}.terms-list{margin:.5rem 0 1rem;padding-left:1.5rem;color:#e0e0e0f2;line-height:1.7}.terms-list li{margin-bottom:.5rem}.terms-contact{font-size:1rem;color:#fff;font-weight:600;margin:.5rem 0 0}.terms-link{color:#d89c60;text-decoration:underline}.terms-link:hover{color:#e8a870}.terms-footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.terms-footer-links a{color:#d89c60;text-decoration:none;font-size:.95rem}.terms-footer-links a:hover{color:#e8a870;text-decoration:underline}@media(max-width:600px){.terms-main{padding:1.5rem 1rem 2rem}.terms-title{font-size:1.6rem}}.privacy-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.privacy-main{flex:1;max-width:720px;margin:0 auto;padding:2rem 1.5rem 3rem;width:100%}.privacy-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.privacy-date{font-size:.9rem;color:#8a9ba8f2;margin:0 0 2rem}.privacy-section{margin-bottom:1.5rem}.privacy-subtitle{font-size:1.25rem;font-weight:700;color:#d89c60;margin:1.5rem 0 .75rem}.privacy-section:first-of-type .privacy-subtitle{margin-top:0}.privacy-paragraph{font-size:1rem;color:#e0e0e0f2;line-height:1.6;margin:0 0 .75rem}.privacy-list{margin:.5rem 0 1rem;padding-left:1.5rem;color:#e0e0e0f2;line-height:1.7}.privacy-list li{margin-bottom:.5rem}.privacy-contact{font-size:1rem;color:#fff;font-weight:600;margin:.5rem 0 0}.privacy-link{color:#d89c60;text-decoration:underline}.privacy-link:hover{color:#e8a870}.privacy-footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.privacy-footer-links a{color:#d89c60;text-decoration:none;font-size:.95rem}.privacy-footer-links a:hover{color:#e8a870;text-decoration:underline}@media(max-width:600px){.privacy-main{padding:1.5rem 1rem 2rem}.privacy-title{font-size:1.6rem}}.home-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d,#001529);overflow-x:hidden}.nav-header{position:sticky;top:0;z-index:100;background:#001f3de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(4,81,116,.5)}.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.nav-logo{font-size:1.5rem;font-weight:700;color:#d89c60;letter-spacing:.05em;text-decoration:none}.nav-logo:hover{color:#e8a870}.nav-right{display:flex;align-items:center;gap:2rem}.nav-link{color:#ffffffd9;text-decoration:none;font-size:.95rem;font-weight:500}.nav-link:hover{color:#d89c60}.nav-email{font-size:.85rem;color:#fff9;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;display:inline-block;border:none}.btn-ghost{background:transparent;color:#ffffffe6}.btn-ghost:hover{color:#d89c60}.btn-primary{background:#e87a00;color:#fff}.btn-primary:hover{background:#f08a10}.btn-cta-large{background:#e87a00;color:#fff;padding:1rem 2rem;font-size:1.1rem;border-radius:10px}.btn-cta-large:hover{background:#f08a10}.btn-secondary{background:#d89c60;color:#001f3d}.btn-secondary:hover{background:#e8ac70}.btn-light{background:#fff;color:#001f3d}.btn-light:hover{background:#f5f5f5}.hero{position:relative;padding:6rem 2rem 8rem;text-align:center;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:hero-orb-float 20s ease-in-out infinite}.hero-orb-1{width:400px;height:400px;background:#e87a00;top:-100px;left:10%;animation-delay:0s}.hero-orb-2{width:300px;height:300px;background:#d89c60;top:20%;right:5%;animation-delay:-5s}.hero-orb-3{width:350px;height:350px;background:#045174;bottom:-80px;left:30%;animation-delay:-10s}.hero-orb-4{width:200px;height:200px;background:#50c878;bottom:10%;right:20%;animation-delay:-7s}.hero-orb-5{width:250px;height:250px;background:#6b4c9a;top:50%;left:-50px;animation-delay:-12s}@keyframes hero-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@media(prefers-reduced-motion:reduce){.hero-orb{animation:none}}.hero-inner{position:relative;max-width:800px;margin:0 auto}.hero-badge{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#d89c60;background:#d89c601f;border:1px solid rgba(216,156,96,.3);padding:.4rem 1rem;border-radius:100px;margin-bottom:1.5rem}.hero-headline{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin:0 0 1.5rem}.hero-headline-accent{background:linear-gradient(135deg,#d89c60,#e87a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-lead{font-size:1.2rem;color:#ffffffd9;line-height:1.7;margin:0 0 2rem;max-width:560px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.hero-cta-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.hero-app-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.app-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;border:none}.app-badge-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.app-badge-apple{background:#000;color:#fff}.app-badge-apple:hover{background:#1a1a1a;color:#fff;transform:translateY(-1px)}.app-badge-google{background:#00c853;color:#fff}.app-badge-google:hover{background:#00e676;color:#fff;transform:translateY(-1px)}.btn-cta-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);padding:1rem 2rem;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn-cta-outline:hover{border-color:#d89c60;color:#d89c60}.hero-stats{display:inline-flex;align-items:center;gap:2rem;background:#04517480;padding:1.5rem 2.5rem;border-radius:16px;border:1px solid rgba(216,156,96,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-stat{display:flex;flex-direction:column;align-items:center}.hero-stat-value{font-size:2rem;font-weight:700;color:#d89c60}.hero-stat-label{font-size:.8rem;color:#ffffffbf;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hero-stat-divider{width:1px;height:36px;background:#d89c6040}.section-inner{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;width:100%}.section-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.section-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;animation:section-orb-float 25s ease-in-out infinite}.section-orb-a{width:350px;height:350px;background:#045174;top:-80px;right:-50px;animation-delay:0s}.section-orb-b{width:280px;height:280px;background:#d89c60;bottom:-60px;left:-80px;animation-delay:-8s}.section-orb-c{width:300px;height:300px;background:#e87a00;top:20%;left:-100px;animation-delay:-3s}.section-orb-d{width:250px;height:250px;background:#045174;bottom:10%;right:-60px;animation-delay:-12s}.section-orb-e{width:400px;height:400px;background:#e87a00;top:-120px;left:30%;animation-delay:0s}.section-orb-f{width:300px;height:300px;background:#d89c60;bottom:-80px;right:15%;animation-delay:-6s}@keyframes section-orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.03)}}@media(prefers-reduced-motion:reduce){.section-orb{animation:none}}.section-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d89c60;background:#d89c601a;border:1px solid rgba(216,156,96,.25);padding:.35rem .9rem;border-radius:100px;margin-bottom:1rem}.section-badge-light{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff4d}.section-headline{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;text-align:center;margin:0 0 1rem;letter-spacing:-.02em}.section-headline-accent{background:linear-gradient(135deg,#d89c60,#e87a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-lead{font-size:1.1rem;color:#ffffffbf;text-align:center;max-width:480px;margin:0 auto 3rem;line-height:1.6}.features{position:relative;padding:6rem 0;overflow:hidden}.features .section-inner{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem}.feature{background:#04517459;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:2rem;transition:border-color .2s,transform .2s,box-shadow .2s}.feature:hover{border-color:#d89c6073;transform:translateY(-4px);box-shadow:0 12px 40px #0003}.feature-icon{font-size:2.25rem;display:block;margin-bottom:1.25rem}.feature h3{font-size:1.15rem;font-weight:600;color:#fff;margin:0 0 .5rem}.feature p{font-size:.95rem;color:#d89c60e6;line-height:1.55;margin:0}.how-it-works{position:relative;padding:6rem 0;background:#0003;overflow:hidden}.how-it-works .section-inner{text-align:center}.steps-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1rem .5rem;margin-bottom:2.5rem}.step{flex:1;min-width:200px;max-width:260px;background:#04517466;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(216,156,96,.2);border-radius:16px;padding:1.75rem;text-align:center;transition:border-color .2s,transform .2s}.step:hover{border-color:#d89c6066;transform:translateY(-2px)}.step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e87a00,#d89c60);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.step h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 .5rem}.step p{font-size:.9rem;color:#d89c60e6;line-height:1.45;margin:0}.step-arrow{color:#d89c6066;font-size:1.5rem;align-self:center;flex-shrink:0}.steps-cta{text-align:center}.cta-strip{position:relative;padding:6rem 2rem;background:linear-gradient(135deg,#045174,#033d5c,#022a42);border-top:1px solid rgba(216,156,96,.15);overflow:hidden}.cta-strip-bg{position:absolute;inset:0;pointer-events:none}.cta-strip-inner{position:relative;text-align:center}.cta-strip-headline{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;margin:0 0 .75rem;letter-spacing:-.02em}.cta-strip-lead{font-size:1.1rem;color:#fffc;margin:0 0 2rem;line-height:1.6}.site-footer{margin-top:auto;padding:2.5rem 2rem;background:#000f1ef2;border-top:1px solid rgba(4,81,116,.4)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}.footer-brand{display:flex;align-items:baseline;gap:.75rem}.footer-logo{font-size:1.3rem;font-weight:700;color:#d89c60;text-decoration:none;letter-spacing:.03em}.footer-logo:hover{color:#e8a870}.footer-version{font-size:.8rem;color:#d89c6080}.footer-links{display:flex;gap:2rem}.footer-links a{color:#d89c60d9;font-size:.9rem;font-weight:500;text-decoration:none}.footer-links a:hover{color:#e8a870}@media(max-width:1024px){.nav-inner{padding:1rem 1.5rem}.nav-right{gap:1.5rem}.section-inner{padding:0 1.5rem}.hero{padding:5rem 1.5rem 6rem}}@media(max-width:768px){.nav-inner{padding:.875rem 1.25rem}.nav-right{gap:1rem;justify-content:flex-end}.nav-email{display:none}.nav-logo{font-size:1.35rem}.nav-link{font-size:.875rem}.btn{padding:.45rem 1rem;font-size:.85rem}.hero{padding:3rem 1.25rem 4rem}.hero-badge{font-size:.7rem;padding:.35rem .85rem}.hero-lead{font-size:1.05rem;padding:0 .5rem}.hero-cta-row{flex-direction:column;align-items:center;margin-bottom:2rem;gap:.75rem}.hero-cta-row .btn{width:100%;max-width:280px;text-align:center;padding:.875rem 1.5rem;display:inline-flex;align-items:center;justify-content:center}.hero-stats{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.hero-stat-divider{width:60px;height:1px}.hero-stat-value{font-size:1.75rem}.section-inner{padding:0 1.25rem}.section-headline{font-size:1.5rem}.section-lead{margin-bottom:2rem;font-size:1rem}.features,.how-it-works{padding:4rem 0}.feature{padding:1.5rem}.steps-row{flex-direction:column;align-items:stretch;gap:1rem}.step{max-width:none}.step-arrow{transform:rotate(90deg)}.cta-strip{padding:4rem 1.25rem}.cta-strip-headline{font-size:1.5rem}.cta-strip-lead{font-size:1rem}.site-footer{padding:2rem 1.25rem}.footer-inner{flex-direction:column;text-align:center;gap:1rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.25rem}}@media(max-width:480px){.nav-inner{padding:.75rem 1rem;gap:.5rem}.nav-right{gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.nav-logo{font-size:1.25rem}.nav-link{font-size:.8rem}.btn{padding:.4rem .85rem;font-size:.8rem}.hero{padding:2.5rem 1rem 3.5rem}.hero-headline{font-size:clamp(1.75rem,8vw,2.25rem)}.hero-lead{font-size:.95rem}.hero-stats{padding:1rem 1.25rem}.hero-stat-value{font-size:1.5rem}.section-inner{padding:0 1rem}.section-badge{font-size:.65rem;padding:.3rem .75rem}.section-headline{font-size:1.35rem}.features,.how-it-works{padding:3rem 0}.features-grid{grid-template-columns:1fr;gap:1rem}.feature,.step{padding:1.25rem}.cta-strip{padding:3rem 1rem}.cta-strip-headline{font-size:1.35rem}.cta-strip-lead{font-size:.95rem}.btn-cta-large{padding:.875rem 1.5rem;font-size:1rem}.site-footer{padding:1.5rem 1rem}.footer-links{flex-direction:column;gap:.75rem}.footer-links a{font-size:.85rem}}@media(max-width:360px){.nav-right{gap:.5rem}.nav-link{font-size:.75rem}.btn{padding:.35rem .65rem;font-size:.75rem}}.placeholder-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2744,#001f3d);overflow-x:hidden}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff;text-align:center}.placeholder-content h2{margin:0 0 1rem;font-size:1.75rem}.placeholder-content p{margin:0 0 1.5rem;color:#d89c60e6}@media(max-width:768px){.placeholder-content{padding:3rem 1.5rem}.placeholder-content h2{font-size:1.5rem}}@media(max-width:480px){.placeholder-content{padding:2rem 1rem}.placeholder-content h2{font-size:1.35rem}}