@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0";body{margin:0;font-family:sans-serif;background-color:#e6eff6;background-image:url(/assets/codexi_bg-D4WY45HI.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-attachment:fixed;height:100vh;overflow:hidden}.header h1{font-size:24px;color:#003049;margin:0}.nav-links a:hover{color:#1d70b8}.main{display:flex;justify-content:center;align-items:flex-start;padding-top:60px;height:calc(100vh - 200px)}.login-card{background:#fff;border-radius:20px;padding:15px;width:460px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;gap:20px}.login-card h2{text-align:center;margin-bottom:8px;color:#003049;font-size:24px}.login-content{display:flex;align-items:center;justify-content:center;gap:24px}.avatar-wrapper{flex-shrink:0}.avatar{padding-left:40px;height:90px}form{padding-left:20px;padding-right:40px;flex:1;text-align:left}label{display:block;margin-bottom:5px;font-weight:700;color:#003049}input[type=text],input[type=password]{width:100%;padding:8px;font-size:14px;border-radius:6px;border:1px solid #ccc;margin-bottom:12px;box-sizing:border-box}.login-card button{align-self:center;width:120px;padding:10px;background:#0a4360;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.login-card button:hover{background:#012b42}body{margin:0;font-family:sans-serif;background-color:#e6eff6;background-image:url(/assets/codexi_bg-D4WY45HI.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow-y:auto}.header{background:#fff;border-radius:20px;margin:40px auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;box-shadow:0 4px 10px #0000000a}.logo-container{display:flex;align-items:center;text-decoration:none;color:#003049}.logo{height:60px;margin-right:12px}.nav-links{list-style:none;display:flex;gap:40px;margin:0;padding:0}.nav-links a{text-decoration:none;color:#003049;font-weight:500;font-size:18px;transition:color .2s ease}.user-info{position:relative;display:flex;align-items:center;font-weight:600;color:#003049}.user-avatar{height:40px;border-radius:50%}.home-main{max-width:1100px;margin:0 auto;padding:20px 0}.steps{display:flex;align-items:center;gap:8px;justify-content:start;font-weight:700;color:#003049;margin-top:20px;margin-bottom:40px}.step{background:#003049;color:#fff;border-radius:50%;width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;font-size:14px}.step.active{background:#48a9a6}.step.completed{background:#00c853}.content{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-top:10px}.left-panel{background:#ffffffea;padding:30px;border-radius:16px;width:500px;display:flex;flex-direction:column;gap:18px;font-weight:700;color:#003049;box-shadow:0 0 10px #0000000d;flex-shrink:0}.left-panel.has-progress{gap:12px}.left-panel select,.left-panel input{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.preview-panel{flex:1;min-width:280px;max-width:320px;text-align:center}.preview-panel.align-top{margin-top:-80px}.preview-panel h3{margin-bottom:10px;color:#003049}.preview-box{height:400px;border:2px solid #d8d8d8;border-radius:16px;background:#fff;padding:10px;box-shadow:0 2px 8px #0000000a}.pdf-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pdf-preview__sheet{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.pdf-preview__corner{position:absolute;width:0;height:0;pointer-events:none}.pdf-preview__mark-cross{position:absolute;width:26px;height:26px;box-sizing:border-box;pointer-events:none;border:3px solid transparent}.pdf-preview__mark-cross--top-left{border-top-color:currentColor;border-left-color:currentColor;border-top-left-radius:8px;transform:translate(-1.5px,-1.5px)}.pdf-preview__mark-cross--top-right{border-top-color:currentColor;border-right-color:currentColor;border-top-right-radius:8px;transform:translate(calc(-100% + 1.5px),-1.5px)}.pdf-preview__mark-cross--bottom-left{border-bottom-color:currentColor;border-left-color:currentColor;border-bottom-left-radius:8px;transform:translate(-1.5px,calc(-100% + 1.5px))}.pdf-preview__mark-cross--bottom-right{border-bottom-color:currentColor;border-right-color:currentColor;border-bottom-right-radius:8px;transform:translate(calc(-100% + 1.5px),calc(-100% + 1.5px))}.pdf-preview__mark-ball{position:absolute;width:14px;height:14px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #fff;top:0;left:0;transform:translate(-50%,-50%)}.pdf-preview__qr{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.pdf-preview__mark-qr{font-size:25px;line-height:1}.pdf-preview__center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:12px;background:#ffffffe0;color:#003049;text-align:center;pointer-events:none;max-width:75%;z-index:2;box-shadow:0 6px 18px #0030491f}.pdf-preview__center-label-primary{font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pdf-preview__center-label-secondary{font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pdf-preview__filename{position:absolute;top:2%;left:50%;transform:translate(-50%);color:#003049;font-size:12px;font-weight:600;pointer-events:none;z-index:2;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-preview__barcode{position:absolute;bottom:1%;left:50%;transform:translate(-50%);color:#003049;display:flex;align-items:center;justify-content:center;pointer-events:none}.pdf-preview__mark-barcode{font-size:42px;line-height:1;display:inline-block;transform:scaleX(2.5);transform-origin:center}.pdf-preview__empty{font-size:13px;color:#768594;text-align:center;padding:12px}.footer-nav{display:flex;justify-content:space-between;max-width:1100px;margin:60px auto 0}.footer-left,.footer-right{flex:1;display:flex;align-items:center;justify-content:flex-start}.footer-left{gap:12px;flex-wrap:wrap}.footer-right{justify-content:flex-end}.btn-footer{background-color:#003049;color:#fff;border:none;border-radius:6px;padding:14px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}.btn-footer:hover{background-color:#002435}.btn-footer-back{background-color:#e0e0e0;color:#003049;border:2px solid #003049;border-radius:6px;padding:14px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}.btn-footer-back:hover{background-color:#d4d4d4}.btn-footer.generate,.btn-footer.download{padding:14px 26px;font-size:15px;font-weight:700}.btn-footer.generate{background-color:#139c4c;color:#fff}.btn-footer.download{background-color:#003049;color:#fff}.progress-wrapper{width:100%;margin-top:12px;background:#fff;border:1px solid #dfe6eb;border-radius:12px;padding:12px 16px;box-shadow:0 4px 10px #0030490f;box-sizing:border-box}.progress-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#003049;margin-bottom:8px}.progress-value{font-variant-numeric:tabular-nums;color:#0c7c3c}.progress-bar{position:relative;width:100%;height:10px;border-radius:999px;background:#e9f0f6;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#139c4c,#0f7a3b);transition:width .25s ease}.progress-bar.indeterminate .progress-fill{width:40%;animation:progress-indeterminate 1.2s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-50%)}50%{transform:translate(60%)}to{transform:translate(140%)}}.left-panel.has-progress .upload-area{min-height:260px}.left-panel.has-progress .upload-grid{max-height:180px}.upload-area{width:100%;border:2px dashed #b6c2cc;border-radius:12px;background:#ffffffeb;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:18px;min-height:360px;transition:border-color .2s ease,background-color .2s ease}.upload-area.has-files{align-items:stretch;justify-content:flex-start;padding:20px 18px 18px;gap:12px}.upload-area:hover,.upload-area:focus-within{border-color:#48a9a6;background:#fffffffa}.upload-placeholder{border:none;background:transparent;font:inherit;color:#003049;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;padding:0;margin:0;width:100%;max-width:380px;min-height:200px;text-align:center}.upload-placeholder.compact{max-width:none;min-height:auto;align-self:stretch;border-bottom:1px solid #dfe6eb;padding-bottom:16px}.upload-placeholder:focus-visible{outline:2px solid #48a9a6;outline-offset:4px}.upload-text{font-weight:700;color:#003049;font-size:18px;margin:12px 0 0}.upload-hint{font-size:12px;color:#6c7a87}.upload-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;max-height:220px;overflow-y:auto;padding-right:6px}.upload-thumb{border:1px solid #dfe6eb;border-radius:12px;background:#f6f9fc;display:flex;flex-direction:column;overflow:hidden}.thumb-image{width:100%;height:130px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb-image img{width:100%;height:100%;object-fit:cover}.thumb-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.thumb-name{flex:1;font-size:13px;color:#2f3a43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-remove{border:none;background:none;color:#b31818;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background-color .2s ease}.thumb-remove:hover{background-color:#b3181814}.preview-placeholder{margin:0;height:100%;display:flex;align-items:center;justify-content:center;color:#7a8793;font-size:14px;text-align:center;padding:0 12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;border-radius:16px;padding:24px 30px;width:400px;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;gap:10px}.modal-box h3,.modal-title{font-size:20px;font-weight:600;color:#003049;margin-bottom:10px;text-align:center}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-close-icon{background:transparent;border:none;font-size:20px;color:#003049;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.modal-close-icon:hover{color:#555}.modal-actions-right{display:flex;justify-content:flex-end;margin-top:20px}.model-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.model-card{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #d0d7de;border-radius:12px;padding:14px 16px;box-shadow:0 2px 6px #0000000a;transition:box-shadow .2s ease}.model-card:hover{box-shadow:0 4px 12px #00000014}.model-info{display:flex;flex-direction:column}.model-info .name{font-weight:700;font-size:16px;color:#003049}.model-info .size{font-size:14px;color:#555}.model-actions{display:flex;align-items:center;gap:12px}.model-actions button{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.model-actions button:hover svg{scale:1.1;transition:scale .2s ease}.btn-new-model{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 18px;font-size:15px;font-weight:500;background:#003049;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.btn-new-model:hover{background:#002435}.form-vertical{display:flex;flex-direction:column;gap:12px}.form-label{font-weight:700;font-size:14px;color:#003049;margin-bottom:2px}.form-input{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border .2s ease}.form-input:focus{border-color:#003049}.form-actions{display:flex;justify-content:space-between;margin-top:24px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:16px}.modal-form-grid .form-group{display:flex;flex-direction:column}.modal-form-grid input,.modal-form-grid select{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:6px}.modal-box{background:#fff;border-radius:12px;padding:32px 36px;max-width:680px;width:100%;margin:0 auto;box-shadow:0 0 24px #00000014}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:20px;font-weight:700;text-align:center;flex:1}.modal-close-icon{font-size:20px;border:none;background:none;cursor:pointer;color:#999}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-bottom:32px}.form-group label{font-weight:600;margin-bottom:6px;font-size:14px}.form-group input,.form-group select{padding:10px;font-size:14px;border:1px solid #ddd;border-radius:6px}.form-actions{display:flex;justify-content:space-between;gap:12px}.form-actions .btn-footer{background-color:#003049;color:#fff;border:none;padding:10px 22px;font-size:14px;border-radius:8px;cursor:pointer;transition:.2s ease}.form-actions .btn-footer:hover{background-color:#002033}.modal-form-grid-2{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:14px;align-items:start}.modal-form-grid-2 .full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:6px}.form-input{width:100%;height:44px;line-height:44px;padding:0 12px;box-sizing:border-box}.form-input.wide{width:100%}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}.form-spacer{display:block}.user-avatar-button{display:flex;align-items:center;gap:10px;border:1px solid #d0dde8;background:#fff;color:inherit;border-radius:999px;padding:6px 14px;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 6px #00304914}.user-avatar-button:hover,.user-avatar-button:focus-visible{border-color:#48a9a6;box-shadow:0 4px 12px #00304929}.user-avatar-button:focus-visible{outline:none}.user-avatar-button.open .user-caret{transform:rotate(180deg)}.user-name{font-size:15px}.user-avatar-button .user-avatar{height:36px;width:36px;border-radius:50%;object-fit:cover}.user-caret{font-size:18px;transition:transform .2s ease;color:#4a5a68}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:25px;line-height:1;display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;text-transform:none;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:25px;line-height:1;display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;text-transform:none;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.user-menu{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:16px;padding:8px 0;min-width:190px;box-shadow:0 18px 35px #00304929;border:1px solid #d6e0e9;z-index:20}.user-menu:before{content:"";position:absolute;top:-10px;right:32px;width:20px;height:20px;background:#fff;border-left:1px solid #d6e0e9;border-top:1px solid #d6e0e9;transform:rotate(45deg);box-shadow:-3px -3px 6px #0030490a}.user-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 18px;background:transparent;border:none;color:#003049;font-size:14px;cursor:pointer;transition:background-color .2s ease}.user-menu-item:hover{background-color:#48a9a61a}.user-menu-item.logout{color:#b31818}.user-menu-divider{height:1px;background:#e2e9f0;margin:6px 12px}:root{--codexi-primary: #00c4cc;--codexi-primary-dark: #0098a7;--codexi-secondary: #48a9a6;--codexi-navy: #01223a;--codexi-ink: #003049;--codexi-surface: rgba(255, 255, 255, .95);--codexi-surface-soft: rgba(255, 255, 255, .88);--codexi-outline: rgba(0, 48, 73, .08);--start-scroll-offset: 140px}body.start-body{margin:0;font-family:sans-serif;background:linear-gradient(180deg,#00a0ac52,#00a0ac24 36%,#040d2100 68%),radial-gradient(circle at top left,rgba(0,196,204,.18),transparent 52%),radial-gradient(circle at 82% 12%,rgba(72,169,166,.18),transparent 52%),#040d21;color:var(--codexi-ink);overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity}html{scroll-behavior:smooth}.start-page{min-height:100vh;display:flex;flex-direction:column;color:var(--codexi-ink)}.start-hero{--section-padding: clamp(40px, 8vh, 80px);position:relative;min-height:calc(100vh - var(--start-scroll-offset, 0px) - 123px);margin-top:calc(var(--start-scroll-offset, 0px) * -1);padding-top:calc(var(--section-padding) + var(--start-scroll-offset, 0px));padding-bottom:calc(var(--section-padding) - 9px);padding-inline:0;display:flex;flex-direction:column;overflow:hidden;scroll-margin-top:max(0px,calc(var(--start-scroll-offset, 0px) - var(--section-padding)))}.start-hero__gradient{position:absolute;inset:0;background:linear-gradient(135deg,#02172ee0,#00a0ac59),radial-gradient(circle at 18% 18%,rgba(0,196,204,.48),transparent 60%);pointer-events:none}.start-hero__blur{position:absolute;width:540px;height:540px;border-radius:50%;filter:blur(160px);opacity:.55;pointer-events:none}.start-hero__blur--one{top:-220px;left:-180px;background:#00c4cc99}.start-hero__blur--two{bottom:-240px;right:-120px;background:#48a9a699}.hero{position:relative;width:min(1180px,92%);margin:0 auto;display:flex;flex-direction:column;gap:48px;z-index:1;color:#fff}.hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,72px);align-items:center}.hero__content{display:flex;flex-direction:column;gap:24px}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#00c4cc2e;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.hero__content h1{margin:0;font-size:clamp(38px,5vw,56px);line-height:1.08}.hero__subtitle{margin:0;font-size:18px;line-height:1.7;color:#daf0ffe6}.hero__cta{display:flex}.primary-cta{display:inline-flex;align-items:center;justify-content:center;padding:18px 36px;border-radius:999px;background:linear-gradient(135deg,var(--codexi-secondary),var(--codexi-primary));color:#fff;font-weight:700;text-decoration:none;letter-spacing:.04em;box-shadow:0 28px 60px #00c4cc61;transition:transform .2s ease,box-shadow .2s ease}.primary-cta:hover,.primary-cta:focus{transform:translateY(-4px);box-shadow:0 34px 68px #00c4cc80}.hero__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.hero__metric{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:#0112218c;border:1px solid rgba(255,255,255,.12)}.hero__metric .material-symbols-rounded{font-size:26px;color:var(--codexi-primary)}.hero__metric strong{display:block;font-size:15px;color:#fff}.hero__metric span{display:block;font-size:14px;color:#daf0ffc2}.hero__metrics .hero__metric:last-child{min-height:88px;min-height:55px}.hero__visual{display:flex;justify-content:flex-end}.hero__device{width:min(360px,100%);display:flex;flex-direction:column;border-radius:28px;background:linear-gradient(180deg,#fff,#f1f7fb);color:var(--codexi-ink);box-shadow:0 42px 70px #00000059;overflow:hidden}.hero__device-header,.hero__device-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-weight:600}.hero__device-header{background:linear-gradient(135deg,#00c4cc29,#48a9a61f);border-bottom:1px solid var(--codexi-outline)}.hero__device-footer{background:#00c4cc14;color:var(--codexi-secondary);gap:12px;border-top:1px solid var(--codexi-outline)}.hero__device-screen{padding:32px 28px;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,rgba(0,196,204,.15),transparent 60%)}.hero__device-screen img{width:100%}.start-main{flex:1;display:flex;flex-direction:column;gap:0}.start-hero,.section,.start-footer{scroll-snap-align:start;scroll-snap-stop:always}.hero__proof{width:min(1180px,92%);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:24px 28px;border-radius:20px;background:#0112218c;border:1px solid rgba(255,255,255,.12);color:#dcecf9db}.hero__proof-item{display:flex;align-items:center;gap:12px;font-size:14px}.hero__proof-item .material-symbols-rounded{font-size:22px;color:var(--codexi-primary)}.section{--section-padding: clamp(48px, 12vh, 96px);position:relative;min-height:100vh;display:flex;align-items:center;padding:var(--section-padding) 0;scroll-margin-top:max(0px,calc(var(--start-scroll-offset, 0px) - var(--section-padding)))}.section__inner{width:min(1180px,92%);margin:0 auto;display:flex;flex-direction:column;gap:clamp(32px,4vw,48px);justify-content:center}.section-header{display:flex;flex-direction:column;gap:18px;max-width:760px}.section-header h2{margin:0;font-size:clamp(32px,4vw,44px);color:var(--codexi-ink)}.section-header p{margin:0;font-size:18px;line-height:1.7;color:#003049bf}.benefits-section{background:linear-gradient(135deg,#f6f1ea,#eef6f7)}.benefits-carousel{display:flex;align-items:center;gap:18px}.benefits-window{position:relative;flex:1;border-radius:22px;background:#ffffffd1;border:1px solid rgba(0,196,204,.16);overflow:hidden}.benefits-window:before,.benefits-window:after{content:"";position:absolute;top:0;bottom:0;width:clamp(48px,8vw,72px);pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.benefits-window:before{left:0;background:linear-gradient(90deg,#f6f1eaf2,#f6f1ea00)}.benefits-window:after{right:0;background:linear-gradient(270deg,#eef6f7f2,#eef6f700)}.benefits-window--show-left:before{opacity:1}.benefits-window--show-right:after{opacity:1}.benefits-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,26vw,320px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 20px}.benefits-track::-webkit-scrollbar{display:none}.benefits-track{scrollbar-width:none}.benefit-card{scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:var(--codexi-surface);border:1px solid rgba(0,196,204,.18);box-shadow:0 12px 28px #0000000f;min-height:220px}.benefits-nav{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;border:1px solid rgba(0,196,204,.24);background:#ffffffd1;color:var(--codexi-primary-dark);cursor:pointer;transition:all .2s ease}.benefits-nav:hover:not(:disabled),.benefits-nav:focus-visible:not(:disabled){background:linear-gradient(135deg,#00c4cc29,#48a9a629);border-color:#00c4cc57}.benefits-nav:disabled{opacity:.35;cursor:not-allowed}.benefits-dots{display:flex;gap:10px;justify-content:center;margin-top:20px}.benefits-dot{width:10px;height:10px;border-radius:999px;background:#00304938;border:none;padding:0;cursor:pointer;transition:transform .2s ease,background .2s ease}.benefits-dot--active{background:var(--codexi-primary-dark);transform:scale(1.2)}.benefits-dot:focus-visible{outline:2px solid var(--codexi-primary);outline-offset:2px}.benefit-icon{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;color:var(--codexi-primary-dark);background:#00c4cc1f}.benefit-card p{margin:0;font-size:16px;line-height:1.68;color:#003049d1}.section-cta{display:flex}.secondary-cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:999px;border:1px solid rgba(0,196,204,.32);background:#ffffffbf;color:var(--codexi-ink);font-weight:600;text-decoration:none;letter-spacing:.02em;transition:all .25s ease}.secondary-cta:hover,.secondary-cta:focus{background:linear-gradient(135deg,#00c4cc2e,#48a9a62e);color:var(--codexi-primary-dark);border-color:#00c4cc73}.ideal-section{background:linear-gradient(135deg,#f5f9fa,#eef4f6)}.ideal-section__inner{align-items:center;text-align:center}.case-section{background:#040d21;color:#fff;position:relative}.case-section__inner{gap:0}.case-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,72px);align-items:center}.case-copy{display:flex;flex-direction:column;gap:clamp(24px,4vw,36px);align-items:flex-start}.case-section .section-header h2,.case-section .section-header p{color:#fff}.case-content{display:grid;gap:18px;font-size:16px;line-height:1.68;color:#ffffffe0}.case-visual{display:flex;align-items:center;justify-content:center}.case-visual img{width:min(380px,100%);height:auto;filter:drop-shadow(0 24px 48px rgba(0,0,0,.35))}.case-section .secondary-cta{background:#ffffff24;color:#fff;border-color:#ffffff4d}.case-section .secondary-cta:hover,.case-section .secondary-cta:focus{background:#fff;color:var(--codexi-ink)}.final-cta{background:linear-gradient(135deg,#fffffff2,#e4ebf0f2)}.final-cta__inner{align-items:center;text-align:center;gap:32px}.final-cta__inner h2{margin:0;font-size:clamp(32px,4vw,42px);color:var(--codexi-ink)}.primary-cta--contrast{box-shadow:0 28px 58px #00c4cc66}.start-footer{--section-padding: clamp(56px, 10vh, 96px);min-height:auto;background:radial-gradient(80% 120% at 50% 0%,rgba(0,196,204,.18),transparent 70%),linear-gradient(180deg,#021426f5,#020c18fa);color:#ffffffe6;display:flex;align-items:flex-start;justify-content:center;padding:var(--section-padding) 0 clamp(48px,8vh,72px) 0;scroll-margin-top:max(0px,calc(var(--start-scroll-offset, 0px) - var(--section-padding)))}.footer-inner{width:min(1180px,92%);margin:0 auto;display:flex;flex-direction:column;gap:clamp(36px,7vh,56px)}.footer-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(20px,4vw,28px)}.footer-card{position:relative;background:#071c31c7;border-radius:24px;padding:clamp(22px,4vw,32px);border:1px solid rgba(0,196,204,.22);display:flex;flex-direction:column;gap:16px;height:100%;box-shadow:0 28px 60px #020e1c59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.footer-card h4,.footer-card h5{margin:0;font-size:20px;color:#fff}.footer-card p{margin:0;font-size:15px;line-height:1.68;color:#dbedf6d9}.footer-card details{background:#05142699;border:1px solid rgba(0,196,204,.24);border-radius:14px;padding:12px 14px;color:#dbedf6e6}.footer-card details+details{margin-top:10px}.footer-card summary{cursor:pointer;font-weight:600;list-style:none;position:relative}.footer-card summary::-webkit-details-marker{display:none}.footer-card summary:after{content:"expand_more";font-family:Material Symbols Rounded;font-variation-settings:"wght" 500,"FILL" 0;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);transition:transform .2s ease;color:#dbedf6bf;font-size:20px}.footer-card details[open] summary:after{transform:translateY(-50%) rotate(180deg)}.footer-card details p{margin-top:10px;font-size:14px;line-height:1.6;color:#e9f6fce6}.footer-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;color:#dbedf6d9}.footer-card--faq{background:#09263ad1;border-color:#00c4cc52}.footer-card--faq p{color:#ffffffe6}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding-top:clamp(18px,4vh,28px)}.footer-bottom__note{margin:0;max-width:520px;font-size:15px;line-height:1.6;color:#dbedf6cc}.footer-bottom__cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:999px;background:linear-gradient(135deg,#25d366,#12b34b);color:#021c2c;text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 26px 48px #12b34b52;transition:transform .2s ease,box-shadow .2s ease}.footer-bottom__cta:hover,.footer-bottom__cta:focus{transform:translateY(-2px);box-shadow:0 32px 60px #12b34b5c}.footer-bottom__legal{font-size:13px;color:#b3cedcad}@media (prefers-reduced-motion: reduce){.primary-cta,.secondary-cta,.hero__metrics,.hero__device,.benefit-card{transition:none}}@media (max-width: 1120px){.hero__grid{grid-template-columns:1fr}.hero__visual{justify-content:flex-start}}@media (max-width: 900px){.case-layout{grid-template-columns:1fr;text-align:center;gap:40px}.case-copy{align-items:center;text-align:center}.case-content{text-align:left}.case-visual img{width:min(320px,80%)}}@media (max-width: 768px){body.start-body{scroll-snap-type:none}.start-hero{min-height:auto;--section-padding: 48px;margin-top:calc(var(--start-scroll-offset, 0px) * -1);padding-top:calc(var(--section-padding) + var(--start-scroll-offset, 0px));padding-bottom:var(--section-padding)}.section{min-height:auto;--section-padding: 56px;padding:var(--section-padding) 0;align-items:flex-start}.start-hero,.section,.start-footer{scroll-snap-align:none;scroll-snap-stop:normal}.section__inner{justify-content:flex-start}.benefits-carousel{gap:12px}.benefits-track{grid-auto-columns:82%;padding:6px 4px}.benefits-nav{display:none}.benefit-card{min-height:unset}.start-footer{min-height:auto;--section-padding: 56px;padding:var(--section-padding) 0}.hero__cta,.section-cta{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.hero__metrics{grid-template-columns:1fr}.section__inner{gap:28px}.section,.start-footer{--section-padding: 48px;padding:var(--section-padding) 0}}@media (max-width: 520px){.hero__metrics,.section-cta{gap:12px}}.site-header{position:sticky;top:max(env(safe-area-inset-top),clamp(12px,2.8vw,28px));width:min(1200px,92%);margin:0 auto clamp(24px,4vw,48px);padding:clamp(16px,2.6vw,22px) clamp(26px,4.5vw,40px);border-radius:999px;background:#031a2cb8;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;box-shadow:0 18px 40px #031a2c66;display:flex;align-items:center;gap:clamp(20px,4vw,28px);z-index:20}.site-header__brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:700;letter-spacing:6px}.site-header__brand img{width:52px;height:auto}.site-header__nav{flex:1;display:flex;justify-content:center}.site-header__nav ul{list-style:none;display:flex;gap:clamp(18px,4vw,32px);margin:0;padding:0;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.site-header__nav a{color:#ffffffd1;text-decoration:none;font-weight:600;position:relative;transition:color .2s ease}.site-header__nav a:after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2px;background:linear-gradient(135deg,#48a9a6,#00c4cc);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.site-header__nav a:hover,.site-header__nav a:focus{color:#fff}.site-header__nav a:hover:after,.site-header__nav a:focus:after{transform:scaleX(1)}.site-header__login{padding:10px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-weight:600;transition:all .25s ease}.site-header--start{top:max(env(safe-area-inset-top),0px)}.site-header__login:hover,.site-header__login:focus{background:#ffffff38;border-color:#ffffff73}@media (max-width: 900px){.site-header{flex-wrap:wrap;justify-content:center}.site-header__nav{order:3;width:100%}.site-header__nav ul{justify-content:center;flex-wrap:wrap}.site-header__login{order:2}.site-header__brand{order:1}}@media (max-width: 520px){.site-header{border-radius:32px;padding:16px}.site-header__nav ul{font-size:11px;letter-spacing:.08em}}:root{--pricing-background: #040d21;--pricing-surface: rgba(255, 255, 255, .92);--pricing-surface-strong: rgba(255, 255, 255, .98);--pricing-primary: #00c4cc;--pricing-primary-dark: #0098a7;--pricing-secondary: #48a9a6;--pricing-navy: #01223a;--pricing-ink: #012a41;--pricing-outline: rgba(1, 34, 58, .12);--pricing-radius: 24px}body.pricing-body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(0,196,204,.18),transparent 52%),radial-gradient(circle at 82% 12%,rgba(72,169,166,.18),transparent 52%),var(--pricing-background);background-repeat:no-repeat,no-repeat;color:#fff;overflow-x:hidden;overflow-y:auto}.pricing-page{min-height:100vh;display:flex;flex-direction:column}.pricing-hero{position:relative;min-height:clamp(520px,88vh,800px);margin-top:calc(-3*clamp(24px,5vh,56px));padding-top:clamp(24px,5vh,56px);padding-bottom:clamp(72px,10vh,128px);display:flex;flex-direction:column}.pricing-hero__background{position:absolute;inset:0;background:linear-gradient(140deg,#02172ee0,#00a0ac59),radial-gradient(circle at 18% 18%,rgba(0,196,204,.45),transparent 60%);background-repeat:no-repeat,no-repeat;background-size:180% 180%,120% 120%;background-position:center,18% 18%;pointer-events:none}.pricing-hero__content{position:relative;width:min(1200px,92%);margin:0 auto;flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(40px,8vw,72px);align-content:center;padding:clamp(48px,9vh,100px) 0 clamp(56px,10vh,112px);color:#fff;z-index:1}.pricing-hero__text{display:flex;flex-direction:column;gap:24px}.pricing-eyebrow{font-size:14px;letter-spacing:.32em;text-transform:uppercase;color:#ffffffc2}.pricing-hero__text h1{margin:0;font-size:clamp(36px,5vw,56px);line-height:1.1}.pricing-hero__text p{margin:0;font-size:18px;line-height:1.6;color:#ffffffd1}.pricing-hero__cta{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-top:12px;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));color:var(--pricing-navy);text-decoration:none;font-weight:700;letter-spacing:.04em;box-shadow:0 26px 48px #00a0ac47;transition:transform .2s ease,box-shadow .2s ease}.pricing-hero__cta:hover,.pricing-hero__cta:focus{transform:translateY(-3px);box-shadow:0 32px 60px #00a0ac52}.pricing-hero__visual{display:flex;align-items:flex-end;justify-content:center}.pricing-hero__card{background:#ffffff24;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:24px;width:min(360px,100%)}.pricing-hero__card-header{display:flex;gap:16px;align-items:center}.pricing-hero__card-header .material-symbols-rounded{font-size:42px;background:#ffffff24;border-radius:16px;padding:10px}.pricing-hero__card-header p{margin:6px 0 0;color:#ffffffc7}.pricing-hero__value{font-size:40px;font-weight:700}.pricing-hero__caption{color:#fffc}main{flex:1}.pricing-plans{width:min(1100px,92%);margin:0 auto;padding:clamp(60px,12vh,112px) 0;min-height:min(720px,100vh);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.pricing-plans__intro{text-align:center;color:#fff;margin-bottom:48px}.pricing-plans__intro h2{font-size:clamp(30px,4vw,44px);margin-bottom:16px}.pricing-plans__intro p{margin:0 auto;max-width:680px;color:#ffffffd1;line-height:1.6}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,4vw,32px);align-items:stretch;grid-auto-rows:1fr}.plan-card{position:relative;background:#031a2cd1;border:1px solid rgba(255,255,255,.2);border-radius:var(--pricing-radius);padding:26px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 25px 55px #031a2c47;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:#fff;min-height:0;cursor:pointer;height:100%}.plan-card:hover,.plan-card:focus,.plan-card:focus-within{transform:translateY(-8px);box-shadow:0 36px 75px #00a0ac47;border-color:#00c4cc8c}.plan-card--popular{border:1px solid rgba(0,196,204,.55)}.plan-card--active{background:#002c40eb;border:1px solid rgba(0,196,204,.75);box-shadow:0 45px 80px #00a0ac59}.plan-card__tag{position:absolute;top:24px;right:24px;background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));color:var(--pricing-navy);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.12em}.plan-card header h3{margin:0;font-size:24px;color:#fff}.plan-card__price{font-size:28px;margin:8px 0 0;color:#7df2ff;font-weight:700}.plan-card__savings{margin:6px 0 0;color:var(--pricing-secondary);font-weight:600}.plan-card__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.plan-card__features li{display:flex;align-items:center;gap:12px;font-weight:600;color:#ffffffe6}.plan-card__features .material-symbols-rounded{font-size:22px;color:var(--pricing-primary)}.plan-card__cta{margin-top:auto;display:inline-flex;justify-content:center;padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,var(--pricing-primary),var(--pricing-secondary));color:var(--pricing-navy);text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #00a0ac2e}.plan-card__cta:hover,.plan-card__cta:focus{transform:translateY(-2px);box-shadow:0 18px 36px #00a0ac47}.pricing-faq{width:min(1100px,92%);margin:0 auto;min-height:min(720px,100vh);display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,12vh,112px) 0}.pricing-faq__content{background:#031a2cb8;border-radius:var(--pricing-radius);padding:clamp(32px,6vw,56px);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 65px #031a2c38;color:#fff}.pricing-faq__content h2{margin:0 0 32px;font-size:clamp(28px,4vw,40px)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(24px,4vw,32px)}.faq-item{background:#ffffff0f;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.faq-item h3{margin:0 0 12px;font-size:18px}.faq-item p{margin:0;color:#ffffffd9;line-height:1.6}.pricing-cta{display:flex;justify-content:center;padding:clamp(64px,12vh,120px) 0;min-height:min(680px,100vh);align-items:center}.pricing-cta__card{background:#031a2cd9;border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:clamp(32px,6vw,64px);text-align:center;width:min(680px,92%);color:#fff;box-shadow:0 32px 68px #031a2c59}.pricing-cta__card h2{margin:0 0 16px;font-size:clamp(28px,4vw,40px)}.pricing-cta__button{display:inline-flex;justify-content:center;align-items:center;padding:14px 32px;border-radius:999px;background:#fff;color:var(--pricing-navy);text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 18px 40px #ffffff2e}.pricing-cta__button:hover,.pricing-cta__button:focus{transform:translateY(-2px);box-shadow:0 24px 48px #ffffff38}.pricing-footer{text-align:center;padding:32px 16px 48px;color:#ffffffa8;font-size:14px}@media (max-width: 768px){.pricing-hero{min-height:auto}.pricing-hero__content{padding:56px 0 64px}.pricing-plans,.pricing-faq,.pricing-cta{min-height:auto;padding:56px 0}}@media (max-width: 520px){.pricing-toggle button{padding:8px 16px;font-size:14px}}.profile-page{max-width:1100px;margin:40px auto 80px;padding:0 24px 60px;color:#003049}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f}.profile-header h1{margin:0;font-size:32px;font-weight:700}.profile-header p{margin:6px 0 0;color:#4a5a68;font-size:15px}.profile-back{background:transparent;border:1px solid rgba(72,169,166,.8);color:#48a9a6;padding:10px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #48a9a629}.profile-back:hover,.profile-back:focus-visible{background:#48a9a6;color:#fff}.profile-alert{margin-top:28px;padding:14px 20px;border-radius:16px;font-weight:600;border:1px solid rgba(72,169,166,.35);background:#48a9a61f;color:#003049}.profile-alert.error{background:#b318181f;border-color:#b3181859;color:#8a1010}.profile-alert.success{background:#00c8531f;border-color:#00c85359;color:#0b6e4f}.profile-content{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:28px;align-items:flex-start;margin-top:32px}.profile-card{background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f;padding:28px 32px}.profile-card h2{margin:0 0 12px;font-size:22px;font-weight:700}.profile-placeholder{margin:0;color:#4a5a68}.profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:0}.profile-details div{display:flex;flex-direction:column;gap:6px}.profile-details dt{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6c7c89;margin:0}.profile-details dd{margin:0;font-size:16px;font-weight:600;color:#003049}.status-active{color:#0b6e4f}.status-inactive{color:#8a1010}.profile-description{margin:0 0 20px;color:#4a5a68;font-size:14px;line-height:1.5}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-form-field{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#003049}.profile-form-field input{padding:12px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#ffffffd9;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.profile-form-field input:focus{border-color:#48a9a6;box-shadow:0 0 0 3px #48a9a626;outline:none}.profile-submit{align-self:flex-start;background:#48a9a6;color:#fff;border:none;padding:12px 26px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.profile-submit:hover,.profile-submit:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.profile-submit:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.profile-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:32px}.profile-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-pill{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:6px 12px;border-radius:999px;background:#f1f7fb;border:1px solid rgba(72,169,166,.35);font-size:13px;color:#003049;font-weight:600}.profile-model-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.profile-model-list li{padding:12px 14px;border-radius:16px;border:1px solid rgba(214,224,233,.6);background:#ffffffe6;display:flex;flex-direction:column;gap:4px}.profile-model-list strong{font-size:15px;color:#003049}.profile-model-list span{font-size:13px;color:#4a5a68}@media (max-width: 960px){.profile-content{grid-template-columns:1fr}.profile-back{width:100%;text-align:center}.profile-header{flex-direction:column;align-items:stretch}}@media (max-width: 720px){.profile-lists{grid-template-columns:1fr}}.settings-page{max-width:1100px;margin:40px auto 80px;padding:0 24px 60px;color:#003049}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f}.settings-header h1{margin:0;font-size:32px;font-weight:700}.settings-header p{margin:6px 0 0;color:#4a5a68;font-size:15px}.settings-back{background:transparent;border:1px solid rgba(72,169,166,.8);color:#48a9a6;padding:10px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #48a9a629}.settings-back:hover,.settings-back:focus-visible{background:#48a9a6;color:#fff}.settings-alert{margin-top:28px;padding:14px 20px;border-radius:16px;font-weight:600;border:1px solid rgba(72,169,166,.35);background:#48a9a61f;color:#003049}.settings-alert.error{background:#b318181f;border-color:#b3181859;color:#8a1010}.settings-alert.success{background:#00c8531f;border-color:#00c85359;color:#0b6e4f}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:32px}.settings-card{background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f;padding:28px 32px;display:flex;flex-direction:column;gap:18px}.settings-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-card h2{margin:0;font-size:22px;font-weight:700}.settings-caption{display:block;margin-top:4px;font-size:13px;color:#4a5a68}.settings-action{display:inline-flex;align-items:center;gap:8px;background:#48a9a6;color:#fff;border:none;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.settings-action:hover,.settings-action:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.settings-placeholder{margin:0;color:#4a5a68}.settings-model-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.settings-model-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;border:1px solid rgba(214,224,233,.6);background:#ffffffe6}.settings-model-info{display:flex;flex-direction:column;gap:4px}.settings-model-info strong{font-size:15px;color:#003049}.settings-model-info span{font-size:13px;color:#4a5a68}.settings-model-actions{display:flex;gap:8px}.settings-model-actions button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#f1f7fb;color:#003049;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.settings-model-actions button:hover,.settings-model-actions button:focus-visible{background:#48a9a6;color:#fff;box-shadow:0 4px 12px #48a9a633}.settings-form{background:#f7fbff;border-radius:20px;border:1px solid rgba(214,224,233,.6);padding:20px 24px;display:flex;flex-direction:column;gap:16px}.settings-form-row{display:flex;flex-direction:column;gap:8px}.settings-form-row.two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.settings-form label{font-weight:600;color:#003049;display:flex;flex-direction:column;gap:8px}.settings-form input{padding:12px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#ffffffd9;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.settings-form input:focus{border-color:#48a9a6;box-shadow:0 0 0 3px #48a9a626;outline:none}.settings-form-actions{display:flex;gap:12px;justify-content:flex-end}.settings-form-actions button{background:#48a9a6;color:#fff;border:none;padding:10px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.settings-form-actions button:hover,.settings-form-actions button:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.settings-form-actions button.outline{background:transparent;color:#48a9a6;border:1px solid rgba(72,169,166,.8);box-shadow:none}.settings-form-actions button.outline:hover,.settings-form-actions button.outline:focus-visible{background:#48a9a6;color:#fff}.settings-form-actions button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.settings-card.sharing{margin-top:32px}.settings-sharing-actions{display:flex;gap:16px;flex-wrap:wrap}.settings-sharing-actions button{display:inline-flex;align-items:center;gap:8px;background:#48a9a6;color:#fff;border:none;padding:10px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.settings-sharing-actions button:hover,.settings-sharing-actions button:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.settings-hidden-input{display:none}@media (max-width: 960px){.settings-header{flex-direction:column;align-items:stretch}.settings-back{width:100%;text-align:center}}@media (max-width: 640px){.settings-form-actions{flex-direction:column;align-items:stretch}.settings-form-actions button{width:100%}}.user-management{max-width:1100px;margin:40px auto 80px;padding:0 24px 60px;color:#003049}.user-management__header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 32px;background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f}.user-management__heading h1{margin:0;font-size:32px;font-weight:700}.user-management__heading p{margin:6px 0 0;color:#4a5a68;font-size:15px}.user-management__header-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}.user-management__badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-management__badge{display:flex;flex-direction:column;align-items:center;min-width:96px;padding:8px 16px;border-radius:16px;background:#f1f7fb;border:1px solid rgba(72,169,166,.35);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#4a5a68}.user-management__badge strong{margin-top:4px;font-size:18px;color:#003049}.user-management__back{background:transparent;border:1px solid rgba(72,169,166,.8);color:#48a9a6;padding:10px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #48a9a629}.user-management__back:hover,.user-management__back:focus-visible{background:#48a9a6;color:#fff}.user-management__alert{margin-top:28px;padding:14px 20px;border-radius:16px;font-weight:600;border:1px solid rgba(72,169,166,.35);background:#48a9a61f;color:#003049}.user-management__alert.error{background:#b318181f;border-color:#b3181859;color:#8a1010}.user-management__alert.success{background:#00c8531f;border-color:#00c85359;color:#0b6e4f}.user-management__content{display:grid;grid-template-columns:minmax(320px,360px) 1fr;gap:28px;align-items:flex-start;margin-top:32px}.user-form,.user-table{background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f;padding:28px 32px}.user-form h2,.user-table__header h2{margin:0;font-size:22px;font-weight:700;color:#003049}.user-form__field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-weight:600}.user-form__field input,.user-form__field select{padding:12px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#ffffffd9;font-size:14px;color:#003049;transition:border-color .2s ease,box-shadow .2s ease}.user-form__field input:focus,.user-form__field select:focus{border-color:#48a9a6;box-shadow:0 0 0 3px #48a9a626;outline:none}.user-form__hint{font-size:12px;font-weight:400;margin-left:4px;color:#4a5a68}.user-form__checkbox{display:flex;align-items:center;gap:10px;margin:18px 0;font-weight:600}.user-form__checkbox input{width:18px;height:18px;accent-color:#48a9a6}.user-form__actions{display:flex;gap:12px;flex-wrap:wrap}.user-form__actions .primary,.user-table__header button,.user-table__actions button{background:#48a9a6;color:#fff;border:none;padding:10px 22px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.user-form__actions .primary:hover,.user-table__header button:hover,.user-table__actions button:hover,.user-form__actions .primary:focus-visible,.user-table__header button:focus-visible,.user-table__actions button:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #48a9a659;outline:none}.user-form__actions .secondary{background:transparent;border:1px solid rgba(0,48,73,.25);color:#003049;padding:10px 22px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.user-form__actions .secondary:hover,.user-form__actions .secondary:focus-visible{background:#00304914;box-shadow:0 6px 16px #00304933;outline:none}.user-table__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.user-table table{width:100%;border-collapse:collapse;font-size:14px}.user-table thead{background:#48a9a61f;color:#003049;text-transform:uppercase;letter-spacing:.04em}.user-table th,.user-table td{padding:12px 14px;border-bottom:1px solid rgba(214,224,233,.6)}.user-table tbody tr:hover{background:#48a9a614}.user-table__actions{display:flex;gap:10px;flex-wrap:wrap}.user-table__actions .danger{background:#b31818;box-shadow:0 8px 18px #b3181840}.user-table__actions .danger:hover,.user-table__actions .danger:focus-visible{box-shadow:0 12px 24px #b3181859}@media (max-width: 960px){.user-management{padding:0 18px 48px;margin-top:24px}.user-management__header{flex-direction:column;align-items:flex-start}.user-management__header-right{width:100%;justify-content:space-between}.user-management__content{grid-template-columns:1fr}}@media (max-width: 600px){.user-management__header-right{flex-direction:column;align-items:stretch;gap:16px}.user-management__badges{justify-content:space-between}.user-management__badge{flex:1;min-width:0}}