: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-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}.dashboard-nav-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem;padding:.75rem 0}.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-inner{gap:.4rem .5rem;padding:.6rem 0}.dashboard-nav-link{font-size:.85rem;padding:.45rem .75rem}}@media(max-width:480px){.dashboard-nav-inner{gap:.35rem .4rem;padding:.5rem 0}.dashboard-nav-link{font-size:.8rem;padding:.4rem .6rem}}.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}}.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:1.5rem}.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}}.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}.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-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}}.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}.btn-cta-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}.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}.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}}