@charset "UTF-8";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{--tw-bg-opacity: 1;background-color:rgb(242 242 247 / var(--tw-bg-opacity, 1));font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));font-feature-settings:"kern" 1,"liga" 1,"calt" 1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(174 174 178 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(142 142 147 / var(--tw-bg-opacity, 1))}.card{overflow:hidden;border-radius:16px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 209 214 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 25px rgba(0, 0, 0, .1), 0 2px 10px rgba(0, 0, 0, .05);--tw-shadow-colored: 0 4px 25px var(--tw-shadow-color), 0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card-content{padding:1.5rem}.input{width:100%;border-radius:10px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(199 199 204 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:17px;line-height:22px;font-weight:400}.input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(142 142 147 / var(--tw-placeholder-opacity, 1))}.input::placeholder{--tw-placeholder-opacity: 1;color:rgb(142 142 147 / var(--tw-placeholder-opacity, 1))}.input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.input:hover{--tw-border-opacity: 1;border-color:rgb(174 174 178 / var(--tw-border-opacity, 1))}.input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(0 122 255 / var(--tw-ring-opacity, 1))}.visible{visibility:visible}.static{position:static}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}@keyframes bounceGentle{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-5px,0)}70%{transform:translate3d(0,-2px,0)}90%{transform:translate3d(0,-1px,0)}}.animate-bounce-gentle{animation:bounceGentle .6s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-apple{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-apple-blue{--tw-border-opacity: 1;border-color:rgb(0 122 255 / var(--tw-border-opacity, 1))}.border-apple-green{--tw-border-opacity: 1;border-color:rgb(52 199 89 / var(--tw-border-opacity, 1))}.border-apple-red{--tw-border-opacity: 1;border-color:rgb(255 59 48 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.bg-apple-blue{--tw-bg-opacity: 1;background-color:rgb(0 122 255 / var(--tw-bg-opacity, 1))}.bg-apple-gray-100{--tw-bg-opacity: 1;background-color:rgb(229 229 234 / var(--tw-bg-opacity, 1))}.bg-apple-gray-200{--tw-bg-opacity: 1;background-color:rgb(209 209 214 / var(--tw-bg-opacity, 1))}.bg-apple-gray-300{--tw-bg-opacity: 1;background-color:rgb(199 199 204 / var(--tw-bg-opacity, 1))}.bg-apple-green{--tw-bg-opacity: 1;background-color:rgb(52 199 89 / var(--tw-bg-opacity, 1))}.bg-apple-red{--tw-bg-opacity: 1;background-color:rgb(255 59 48 / var(--tw-bg-opacity, 1))}.bg-background-secondary{--tw-bg-opacity: 1;background-color:rgb(242 242 247 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-apple-blue{--tw-gradient-from: #007AFF var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 122 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-amber-50{--tw-gradient-to: #fffbeb var(--tw-gradient-to-position)}.to-apple-indigo{--tw-gradient-to: #5856D6 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-body{font-size:17px;line-height:22px;font-weight:400}.text-footnote{font-size:13px;line-height:18px;font-weight:400}.text-headline{font-size:17px;line-height:22px;font-weight:600}.text-sm{font-size:.875rem;line-height:1.25rem}.text-subhead{font-size:15px;line-height:20px;font-weight:400}.text-title3{font-size:22px;line-height:28px;font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-apple-blue{--tw-text-opacity: 1;color:rgb(0 122 255 / var(--tw-text-opacity, 1))}.text-apple-green{--tw-text-opacity: 1;color:rgb(52 199 89 / var(--tw-text-opacity, 1))}.text-apple-red{--tw-text-opacity: 1;color:rgb(255 59 48 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(60 60 67 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:shadow-apple:hover{--tw-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.file-preview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.file-preview__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}}@media (max-width: 480px){.file-preview__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.file-preview__item{position:relative;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease-in-out;padding-top:.5rem}.file-preview__item:hover{transform:translateY(-2px)}.file-preview__remove-button{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;z-index:10;box-shadow:0 2px 8px #00000026;opacity:0;transform:scale(.8)}.file-preview__remove-button:hover{background:#ff3b30;color:#fff;transform:scale(1.1)!important}.file-preview__remove-button:active{transform:scale(.95)!important}.file-preview__remove-button svg{width:1rem;height:1rem}.file-preview__thumbnail{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.75rem;background:#f3f4f6;border:2px solid transparent;transition:all .2s ease-in-out}.file-preview__details{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem .75rem}@media (prefers-color-scheme: dark){.file-preview{background:#1f2937}.file-preview__title{color:#fff}.file-preview__clear-button{background:#374151;color:#d1d5db}.file-preview__clear-button:hover{background:#ff3b301a;color:#ff3b30}.file-preview__item{background:#1f2937}.file-preview__remove-button{background:#1f2937f2;color:#d1d5db}.file-preview__remove-button:hover{background:#ff3b30;color:#fff}.file-preview__thumbnail{background:#374151}.file-preview__filename{color:#fff}.file-preview__filesize{color:#9ca3af}.file-preview__error-icon{background:#ff3b301a}.file-preview__summary{background:#007aff1a;border-color:#007aff4d}.file-preview__summary-text{color:#3395ff}}.image-upload{display:flex;flex-direction:column;gap:1.5rem}.image-upload__preview-section{animation:slideUp .3s ease-out}.upload-dropzone{position:relative;border:2px dashed #D1D5DB;border-radius:1rem;padding:3rem 2rem;text-align:center;transition:all .3s ease-in-out ease-out;background:#fff;cursor:pointer}.upload-dropzone:hover:not(.upload-dropzone--disabled){border-color:#007aff;background:#f9fafb;transform:translateY(-2px)}.upload-dropzone--active{border-color:#007aff;background:#eff6ff;transform:scale(1.02)}.upload-dropzone--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.upload-dropzone__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-dropzone__input:focus{outline:2px solid #007AFF;outline-offset:2px}.upload-dropzone__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1;pointer-events:none}.upload-dropzone__icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;background:#f3f4f6;color:#4b5563}.upload-dropzone__icon svg{width:2rem;height:2rem}.upload-dropzone__icon--active{background:#007aff;color:#fff;transform:scale(1.1)}.upload-dropzone__text{display:flex;flex-direction:column;gap:.5rem}.upload-dropzone__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.upload-dropzone__subtitle{font-size:.875rem;color:#4b5563;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.upload-dropzone__drop-indicator{position:absolute;inset:0;pointer-events:none}.upload-dropzone__drop-zone{position:absolute;inset:4px;border:2px dashed #007AFF;border-radius:.75rem;background:#007aff0d;animation:pulse 1.5s ease-in-out infinite}.file-preview{background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.file-preview__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.file-preview__info{display:flex;flex-direction:column;gap:.25rem}.file-preview__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.file-preview__error-count{font-size:.875rem;color:#ff3b30;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.file-preview__clear-button{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.file-preview__clear-button:hover{background:#fef2f2;color:#ff3b30}.file-preview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.file-preview__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}@media (max-width: 480px){.file-preview__grid{grid-template-columns:repeat(2,1fr)}}.file-preview__item{display:flex;flex-direction:column;gap:.5rem}.file-preview__item--error{opacity:.7}.file-preview__item--error .file-preview__thumbnail{border-color:#ff3b30}.file-preview__thumbnail{position:relative;aspect-ratio:1;background:#f3f4f6;border-radius:.75rem;overflow:hidden;border:2px solid transparent;transition:all .2s ease-in-out}.file-preview__thumbnail:hover{transform:scale(1.02)}.file-preview__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-preview__error-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fef2f2;color:#ff3b30}.file-preview__error-icon svg{width:2rem;height:2rem}.file-preview__remove-button{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;background:#ff3b30;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease-in-out;transform:scale(.8)}.file-preview__item:hover .file-preview__remove-button{opacity:1;transform:scale(1)}.file-preview__remove-button:hover{background:#fc0d00;transform:scale(1.1)}.file-preview__remove-button svg{width:.75rem;height:.75rem}.file-preview__details{display:flex;flex-direction:column;gap:.25rem}.file-preview__filename{font-size:.75rem;font-weight:500;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview__filesize{font-size:.75rem;color:#4b5563;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.file-preview__error{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#ff3b30;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.file-preview__error svg{width:.75rem;height:.75rem;flex-shrink:0}.file-preview__error span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview__summary{padding:1rem;background:#eff6ff;border-radius:.75rem;border:1px solid rgba(0,122,255,.2)}.file-preview__summary-text{font-size:.875rem;color:#007aff;margin:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500}.processing-controls{display:flex;flex-direction:column;gap:1rem}@media (max-width: 640px){.processing-controls{gap:.75rem}}.processing-controls__status{flex:1}.processing-controls__status-content{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.processing-controls__status-content--processing{background:#fff7ed;color:#ff9500}.processing-controls__status-content--success{background:#f0fdf4;color:#34c759}.processing-controls__status-content--error{background:#fef2f2;color:#ff3b30}.processing-controls__status-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.processing-controls__status-icon--spin{animation:spin 1s linear infinite}.processing-controls__status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processing-controls__options{background:#f9fafb;border:1px solid #E5E7EB;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.processing-controls__options-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.processing-controls__options-title{font-size:1rem;font-weight:600;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.processing-controls__cost-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;padding:.5rem 1rem;border-radius:.75rem;font-weight:600;font-size:.875rem;box-shadow:0 1px 2px #0000000d}.processing-controls__coin-icon{width:1rem;height:1rem}.processing-controls__cost-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.processing-controls__checkboxes{display:flex;flex-direction:column;gap:.75rem}.processing-controls__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:.75rem;transition:background-color .2s ease-in-out}.processing-controls__checkbox-label:hover{background:#f3f4f6}.processing-controls__checkbox-input{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#007AFF;flex-shrink:0}.processing-controls__checkbox-input:disabled{cursor:not-allowed;opacity:.5}.processing-controls__checkbox-text{font-size:.9375rem;font-weight:500;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;align-items:center;gap:.5rem}.processing-controls__checkbox-cost{font-size:.8125rem;color:#007aff;font-weight:600}.processing-controls__base-info{font-size:.8125rem;color:#4b5563;margin:0;padding:.5rem .75rem;background:#fff;border-radius:.5rem;border:1px solid #E5E7EB;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.processing-controls__button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:3.5rem}.processing-controls__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.processing-controls__button:active:not(:disabled){transform:translateY(0)}.processing-controls__button:disabled{background:linear-gradient(135deg,#9ca3af,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.processing-controls__button:focus{outline:2px solid rgba(0,122,255,.2);outline-offset:2px}.processing-controls__button--processing{background:linear-gradient(135deg,#ff9500,#c70)}@media (max-width: 640px){.processing-controls__button{width:100%}}.processing-controls__button-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.processing-controls__button-icon--spin{animation:spin 1s linear infinite}@media (prefers-color-scheme: dark){.upload-dropzone{background:#1f2937;border-color:#4b5563}.upload-dropzone:hover:not(.upload-dropzone--disabled){background:#374151;border-color:#007aff}.upload-dropzone--active{background:#007aff1a}.upload-dropzone__icon{background:#374151;color:#9ca3af}.upload-dropzone__icon--active{background:#007aff;color:#fff}.upload-dropzone__title{color:#fff}.upload-dropzone__subtitle{color:#9ca3af}.file-preview{background:#1f2937}.file-preview__title{color:#fff}.file-preview__clear-button{background:#374151;color:#d1d5db}.file-preview__clear-button:hover{background:#ff3b301a;color:#ff3b30}.file-preview__thumbnail{background:#374151}.file-preview__filename{color:#fff}.file-preview__filesize{color:#9ca3af}.file-preview__summary{background:#007aff1a;border-color:#007aff4d}.file-preview__summary-text{color:#3395ff}.processing-controls__options{background:#1f2937;border-color:#374151}.processing-controls__options-title{color:#fff}.processing-controls__checkbox-label:hover{background:#374151}.processing-controls__checkbox-text{color:#d1d5db}.processing-controls__base-info{background:#111827;border-color:#374151;color:#9ca3af}.processing-controls__status-content--processing{background:#ff95001a;color:#fa3}.processing-controls__status-content--success{background:#34c7591a;color:#5ad479}.processing-controls__status-content--error{background:#ff3b301a;color:#ff6b63}}.error-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999;animation:fadeIn .2s ease-out}.error-modal{background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@media (max-width: 640px){.error-modal{max-width:100%;max-height:95vh}}.error-modal__header{position:relative;padding:2rem 2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.error-modal__icon-wrapper{width:4rem;height:4rem;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center;animation:pulseError 2s ease-in-out infinite}.error-modal__icon{width:2rem;height:2rem;color:#ff3b30}.error-modal__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:50%;background:#f3f4f6;color:#4b5563;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.error-modal__close:hover{background:#e5e7eb;color:#111827}.error-modal__close svg{width:1.25rem;height:1.25rem}.error-modal__content{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:1rem}.error-modal__title{font-size:1.5rem;font-weight:600;color:#111827;margin:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.error-modal__message{font-size:1rem;color:#374151;margin:0;text-align:center;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.error-modal__details{background:#fef2f2;border:1px solid #FEE2E2;border-radius:.75rem;padding:1rem;margin-top:.75rem}.error-modal__details-title{font-size:.875rem;font-weight:600;color:#ff3b30;margin:0 0 .75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.error-modal__details-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.error-modal__details-item{font-size:.8125rem;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;padding-left:1rem;position:relative}.error-modal__details-item:before{content:"•";position:absolute;left:0;color:#ff3b30;font-weight:700}.error-modal__footer{padding:0 2rem 2rem}.error-modal__button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff3b30,#fc0d00);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.error-modal__button:hover{transform:translateY(-1px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.error-modal__button:active{transform:translateY(0)}.error-modal__button:focus{outline:2px solid rgba(255,59,48,.2);outline-offset:2px}@keyframes pulseError{0%,to{transform:scale(1);box-shadow:0 0 #ff3b3066}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ff3b3000}}@media (prefers-color-scheme: dark){.error-modal-overlay{background:#000000b3}.error-modal{background:#1f2937}.error-modal__close{background:#374151;color:#9ca3af}.error-modal__close:hover{background:#4b5563;color:#fff}.error-modal__title{color:#fff}.error-modal__message{color:#d1d5db}.error-modal__details{background:#ff3b301a;border-color:#ff3b304d}.error-modal__details-item{color:#d1d5db}}.error-modal::-webkit-scrollbar{width:8px}.error-modal::-webkit-scrollbar-track{background:#f3f4f6;border-radius:.75rem}.error-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:.75rem}.error-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.purchase-coins{min-height:100vh;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__header{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:50}.purchase-coins__header-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.purchase-coins__header-container{padding:0 1.5rem}}@media (min-width: 1024px){.purchase-coins__header-container{padding:0 2rem}}.purchase-coins__header-content{display:flex;align-items:center;height:4rem}.purchase-coins__header-back-button{display:flex;align-items:center;gap:.5rem;color:#007aff;background:transparent;border:none;cursor:pointer;transition:color .2s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:500}.purchase-coins__header-back-button:hover{color:#0062cc}.purchase-coins__header-back-button svg{width:1.25rem;height:1.25rem}.purchase-coins__header-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 0 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__main{max-width:64rem;margin:0 auto;padding:2rem 1rem}@media (min-width: 640px){.purchase-coins__main{padding:2rem 1.5rem}}@media (min-width: 1024px){.purchase-coins__main{padding:2rem}}@media (max-width: 640px){.purchase-coins__main{padding:1.5rem 1rem}}.purchase-coins__card{background:#fff;border-radius:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:2rem}.purchase-coins__card:last-child{margin-bottom:0}.purchase-coins__card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__balance{display:flex;align-items:center;gap:.75rem}.purchase-coins__balance-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#ffb800,#cc9300);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.purchase-coins__balance-icon svg{width:1.5rem;height:1.5rem;color:#fff}.purchase-coins__balance-info{display:flex;flex-direction:column}.purchase-coins__balance-amount{font-size:1.875rem;font-weight:700;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__balance-label{font-size:.75rem;color:#4b5563;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__packages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media (max-width: 640px){.purchase-coins__packages-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.purchase-coins__retry-button{color:#007aff;background:transparent;border:none;cursor:pointer;font-size:.75rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:color .2s ease-in-out}.purchase-coins__retry-button:hover{color:#0062cc}.purchase-coins__packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width: 768px){.purchase-coins__packages-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}}@media (max-width: 480px){.purchase-coins__packages-grid{grid-template-columns:1fr 1fr}}.purchase-coins__package{position:relative;border:2px solid #E5E7EB;border-radius:2rem;padding:1rem;cursor:pointer;transition:all .3s ease-in-out;text-align:center}.purchase-coins__package:hover{border-color:#d1d5db;transform:translateY(-2px)}.purchase-coins__package--selected{border-color:#007aff;background:#eff6ff;transform:translateY(-2px)}.purchase-coins__package--popular{border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.purchase-coins__package-badge{position:absolute;top:-.5rem;left:50%;transform:translate(-50%);background:#007aff;color:#fff;font-size:.625rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem;white-space:nowrap}.purchase-coins__package-amount{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__package-bonus{font-size:.625rem;color:#34c759;font-weight:600;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__package-price{font-size:1.125rem;font-weight:600;color:#007aff;margin:0 0 .25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__package-total{font-size:.625rem;color:#4b5563;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__loading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width: 768px){.purchase-coins__loading-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}}@media (max-width: 480px){.purchase-coins__loading-grid{grid-template-columns:1fr 1fr}}.purchase-coins__loading-package{border:2px solid #E5E7EB;border-radius:2rem;padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.75rem;animation:pulse 1.5s ease-in-out infinite}.purchase-coins__loading-package .loading-bar{background:#e5e7eb;border-radius:.5rem;height:1rem}.purchase-coins__loading-package .loading-bar--large{height:1.5rem;width:4rem;margin:0 auto}.purchase-coins__loading-package .loading-bar--medium{height:1rem;width:3rem;margin:0 auto}.purchase-coins__loading-package .loading-bar--small{height:.75rem;width:5rem;margin:0 auto}.purchase-coins__loading-package .loading-bar--xs{height:.75rem;width:6rem;margin:0 auto}.purchase-coins__error{margin-bottom:1rem;padding:.75rem;background:#fef2f2;border:1px solid rgba(255,59,48,.2);border-radius:2rem;text-align:center}.purchase-coins__error p{color:#ff3b30;font-size:.75rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width: 640px){.purchase-coins__payment-grid{grid-template-columns:1fr}}.purchase-coins__payment-method{border:2px solid #E5E7EB;border-radius:2rem;padding:1rem;cursor:pointer;transition:all .3s ease-in-out}.purchase-coins__payment-method:hover{border-color:#d1d5db}.purchase-coins__payment-method--selected{border-color:#007aff;background:#eff6ff}.purchase-coins__payment-content{display:flex;align-items:center;gap:.75rem}.purchase-coins__payment-content svg{width:1.5rem;height:1.5rem;color:#4b5563;flex-shrink:0}.purchase-coins__payment-content span{font-size:.875rem;font-weight:500;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__finalize-button{width:100%;padding:1rem 1.5rem;background:#007aff;color:#fff;border:none;border-radius:2rem;font-size:.875rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.purchase-coins__finalize-button:hover:not(:disabled){background:#0066d6;transform:translateY(-1px)}.purchase-coins__finalize-button:active:not(:disabled){transform:translateY(0)}.purchase-coins__finalize-button:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;transform:none}.purchase-coins__success{min-height:100vh;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:1rem}.purchase-coins__success-content{background:#fff;border-radius:2rem;padding:2rem;text-align:center;max-width:28rem;width:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.purchase-coins__success-icon{width:4rem;height:4rem;background:#f0fdf4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.purchase-coins__success-icon svg{width:2rem;height:2rem;color:#34c759}.purchase-coins__success-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__success-message{font-size:1rem;color:#4b5563;margin:0 0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-coins__success-balance{background:linear-gradient(135deg,#fffbeb,#fffbeb);border:1px solid rgba(255,184,0,.2);border-radius:1rem;padding:1rem;margin-top:1rem}.purchase-coins__success-balance-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.purchase-coins__success-balance-content svg{width:1.25rem;height:1.25rem;color:#b45309}.purchase-coins__success-balance-content span{font-size:1.125rem;font-weight:600;color:#b45309;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-color-scheme: dark){.purchase-coins{background:#111827}.purchase-coins__header{background:#1f2937cc;border-bottom-color:#374151}.purchase-coins__header-title{color:#fff}.purchase-coins__header-back-button{color:#007aff}.purchase-coins__header-back-button:hover{color:#3395ff}.purchase-coins__card{background:#1f2937}.purchase-coins__card-title,.purchase-coins__balance-amount{color:#fff}.purchase-coins__balance-label{color:#9ca3af}.purchase-coins__package{border-color:#4b5563;background:#1f2937}.purchase-coins__package:hover{border-color:#6b7280}.purchase-coins__package--selected{border-color:#007aff;background:#007aff1a}.purchase-coins__package--popular{border-color:#007aff}.purchase-coins__package-amount{color:#fff}.purchase-coins__package-total{color:#9ca3af}.purchase-coins__loading-package{border-color:#4b5563;background:#1f2937}.purchase-coins__loading-package .loading-bar{background:#4b5563}.purchase-coins__error{background:#ff3b301a;border-color:#ff3b304d}.purchase-coins__error p{color:#ff6b63}.purchase-coins__payment-method{border-color:#4b5563;background:#1f2937}.purchase-coins__payment-method:hover{border-color:#6b7280}.purchase-coins__payment-method--selected{border-color:#007aff;background:#007aff1a}.purchase-coins__payment-content svg{color:#9ca3af}.purchase-coins__payment-content span{color:#fff}.purchase-coins__success{background:#111827}.purchase-coins__success-content{background:#1f2937}.purchase-coins__success-title{color:#fff}.purchase-coins__success-message{color:#9ca3af}.purchase-coins__success-balance{background:#ffb8001a;border-color:#ffb8004d}.purchase-coins__success-balance-content svg,.purchase-coins__success-balance-content span{color:#fcd34d}}.purchase-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.purchase-modal__container{position:relative;background:#fff;border-radius:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:28rem;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.purchase-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #E5E7EB}.purchase-modal__header-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__header-close{padding:.25rem;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease-in-out;display:flex;align-items:center;justify-content:center}.purchase-modal__header-close:hover{background:#f3f4f6}.purchase-modal__header-close svg{width:1.25rem;height:1.25rem;color:#4b5563}.purchase-modal__content{padding:1.5rem;max-height:calc(90vh - 5rem);overflow-y:auto}.purchase-modal__icon{display:flex;justify-content:center;margin-bottom:1.5rem}.purchase-modal__icon-container{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.purchase-modal__icon-container--confirmation{background:#eff6ff}.purchase-modal__icon-container--confirmation svg{width:2rem;height:2rem;color:#007aff}.purchase-modal__icon-container--processing{background:#eff6ff}.purchase-modal__icon-container--processing .spinner{width:2rem;height:2rem;border:2px solid #007AFF;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.purchase-modal__icon-container--success{background:#f0fdf4}.purchase-modal__icon-container--success svg{width:2rem;height:2rem;color:#34c759}.purchase-modal__text{text-align:center;margin-bottom:1.5rem}.purchase-modal__text-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__text-subtitle{font-size:1rem;color:#4b5563;margin:0;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__text-subtitle .highlight{font-weight:600;color:#007aff}.purchase-modal__text-description{font-size:1rem;color:#4b5563;margin:0 0 1rem;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__details{background:#f9fafb;border-radius:2rem;padding:1rem;margin-bottom:1.5rem}.purchase-modal__detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.purchase-modal__detail-row:not(:last-child){margin-bottom:.75rem}.purchase-modal__detail-row--total{border-top:1px solid #E5E7EB;padding-top:.5rem;margin-top:.5rem}.purchase-modal__detail-row-label{font-size:.875rem;color:#4b5563;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__detail-row-label--primary{font-weight:500;color:#111827}.purchase-modal__detail-row-value{font-size:.875rem;font-weight:500;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__detail-row-value--bonus{color:#34c759}.purchase-modal__detail-row-value--highlight{font-size:1.125rem;font-weight:600;color:#007aff}.purchase-modal__detail-row-value--total{font-size:1.125rem;font-weight:600;color:#111827}.purchase-modal__info-box{background:#fffbeb;border:1px solid rgba(245,158,11,.2);border-radius:2rem;padding:1rem;margin-bottom:1.5rem}.purchase-modal__info-box-content{display:flex;align-items:flex-start;gap:.75rem}.purchase-modal__info-box-content svg{width:1.25rem;height:1.25rem;color:#f59e0b;flex-shrink:0;margin-top:.125rem}.purchase-modal__info-box-text{flex:1}.purchase-modal__info-box-text-title{font-size:.875rem;font-weight:500;color:#92400e;margin:0 0 .25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__info-box-text-description{font-size:.75rem;color:#92400e;margin:0;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.purchase-modal__actions{display:flex;gap:.75rem}@media (max-width: 480px){.purchase-modal__actions{flex-direction:column}}.purchase-modal__button{flex:1;padding:.75rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;border:none;display:flex;align-items:center;justify-content:center;min-height:3rem}.purchase-modal__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.purchase-modal__button--secondary{background:#f3f4f6;color:#111827}.purchase-modal__button--secondary:hover:not(:disabled){background:#e5e7eb}.purchase-modal__button--primary{background:#007aff;color:#fff}.purchase-modal__button--primary:hover:not(:disabled){background:#0066d6;transform:translateY(-1px)}.purchase-modal__button--primary:active:not(:disabled){transform:translateY(0)}.purchase-modal__button-content{display:flex;align-items:center;gap:.5rem}.purchase-modal__button-content svg{width:1rem;height:1rem;flex-shrink:0}.purchase-modal__button .spinner{width:1.25rem;height:1.25rem;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-color-scheme: dark){.purchase-modal__container{background:#1f2937}.purchase-modal__header{border-bottom-color:#374151}.purchase-modal__header-title{color:#fff}.purchase-modal__header-close:hover{background:#374151}.purchase-modal__header-close svg{color:#9ca3af}.purchase-modal__icon-container--confirmation{background:#007aff1a}.purchase-modal__icon-container--confirmation svg{color:#007aff}.purchase-modal__icon-container--processing{background:#007aff1a}.purchase-modal__icon-container--processing .spinner{border-color:#007aff;border-top-color:transparent}.purchase-modal__icon-container--success{background:#34c7591a}.purchase-modal__icon-container--success svg{color:#34c759}.purchase-modal__text-title{color:#fff}.purchase-modal__text-subtitle,.purchase-modal__text-description{color:#9ca3af}.purchase-modal__text-subtitle .highlight,.purchase-modal__text-description .highlight{color:#007aff}.purchase-modal__details{background:#374151}.purchase-modal__detail-row--total{border-top-color:#4b5563}.purchase-modal__detail-row-label{color:#9ca3af}.purchase-modal__detail-row-label--primary,.purchase-modal__detail-row-value{color:#fff}.purchase-modal__detail-row-value--bonus{color:#34c759}.purchase-modal__detail-row-value--highlight{color:#007aff}.purchase-modal__detail-row-value--total{color:#fff}.purchase-modal__info-box{background:#f59e0b1a;border-color:#f59e0b4d}.purchase-modal__info-box-content svg{color:#fcd34d}.purchase-modal__info-box-text-title{color:#fcd34d}.purchase-modal__info-box-text-description{color:#fde68a}.purchase-modal__button--secondary{background:#374151;color:#fff}.purchase-modal__button--secondary:hover:not(:disabled){background:#4b5563}.purchase-modal__button--primary{background:#007aff}.purchase-modal__button--primary:hover:not(:disabled){background:#298fff}}@media (max-width: 640px){.purchase-modal{padding:.75rem}.purchase-modal__container{max-height:95vh}.purchase-modal__header,.purchase-modal__content{padding:1rem}.purchase-modal__actions{gap:.5rem}.purchase-modal__actions .purchase-modal__button{min-height:2.75rem;font-size:.8125rem}}.login-form{width:100%;max-width:28rem;margin:0 auto}.login-form__container{background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.login-form__header{text-align:center;margin-bottom:2rem}.login-form__logo{width:4rem;height:4rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.login-form__logo-icon{width:2rem;height:2rem;color:#fff}.login-form__title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-form__subtitle{color:#4b5563;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-form__error{background:#fef2f2;border:1px solid #FECACA;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.login-form__error p{color:#dc2626;font-size:.875rem;margin:0;text-align:center}.login-form__form{display:flex;flex-direction:column;gap:1.5rem}.login-form__fields{display:flex;flex-direction:column;gap:1rem}.login-form__field{display:flex;flex-direction:column}.login-form__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-form__input-wrapper{position:relative}.login-form__input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);pointer-events:none}.login-form__icon{width:1.25rem;height:1.25rem;color:#9ca3af}.login-form__input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid #D1D5DB;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .2s ease-in-out;background:#fff}.login-form__input:focus{outline:none;ring:2px;ring-color:#007AFF;border-color:transparent}.login-form__input::-moz-placeholder{color:#9ca3af}.login-form__input::placeholder{color:#9ca3af}.login-form__input--password{padding-right:3rem}.login-form__password-toggle{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#9ca3af;transition:color .2s ease-in-out}.login-form__password-toggle:hover{color:#4b5563}.login-form__password-toggle:focus{outline:none;color:#007aff}.login-form__primary-button{width:100%;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;font-weight:600;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:3.5rem}.login-form__primary-button:hover:not(:disabled){background:linear-gradient(135deg,#007aff,#af52de);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.login-form__primary-button:active:not(:disabled){transform:translateY(0)}.login-form__primary-button:disabled{background:linear-gradient(135deg,#9ca3af,#9ca3af);cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000000d}.login-form__spinner{width:1.25rem;height:1.25rem;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.login-form__secondary-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.login-form__link-button{color:#007aff;background:none;border:none;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease-in-out}.login-form__link-button:hover{color:#0062cc;background:#007aff0d}.login-form__link-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}.login-form__register-section{width:100%;padding-top:1rem;border-top:1px solid #E5E7EB;text-align:center;display:flex;flex-direction:column;gap:1rem}.login-form__register-text{color:#4b5563;font-size:.875rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-form__register-button{width:100%;background:#f3f4f6;color:#111827;font-weight:600;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;min-height:3.5rem}.login-form__register-button:hover{background:#e5e7eb;transform:translateY(-1px)}.login-form__register-button:active{transform:translateY(0)}.login-form__register-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}.success-message{background:#ecfdf5;border:1px solid #A7F3D0;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.success-message p{color:#047857;font-size:.875rem;text-align:center;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 640px){.login-form{max-width:100%}.login-form__container{margin:1rem;padding:1.5rem}.login-form__title{font-size:1.5rem}}@media (prefers-color-scheme: dark){.login-form__container{background:#1f2937;color:#fff}.login-form__title{color:#fff}.login-form__subtitle{color:#9ca3af}.login-form__label{color:#d1d5db}.login-form__input{background:#374151;border-color:#4b5563;color:#fff}.login-form__input::-moz-placeholder{color:#6b7280}.login-form__input::placeholder{color:#6b7280}.login-form__register-button{background:#374151;color:#fff}.login-form__register-button:hover{background:#4b5563}.success-message{background:#0596691a;border-color:#0596694d}.success-message p{color:#10b981}}.auth-layout{min-height:100vh;background:linear-gradient(135deg,#eff6ff,#e0e7ff);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.auth-layout__container{width:100%;max-width:96rem;margin:0 auto}.auth-layout__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}@media (max-width: 1024px){.auth-layout__grid{grid-template-columns:1fr;gap:1.5rem}}.auth-layout__branding{display:none;text-align:center}@media (min-width: 1024px){.auth-layout__branding{display:block}}.auth-layout__hero{margin-bottom:2rem}.auth-layout__hero-title{font-size:3.75rem;font-weight:700;color:#111827;margin-bottom:1rem;margin-top:0}.auth-layout__hero-subtitle{font-size:1.25rem;color:#4b5563;margin:0}.auth-layout__features{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:3rem;padding:2rem;display:flex;flex-direction:column;gap:1rem}.auth-layout__feature{display:flex;align-items:center;gap:1rem}.auth-layout__feature-icon{width:3rem;height:3rem;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-layout__feature-icon--blue{background:#dbeafe}.auth-layout__feature-icon--green{background:#dcfce7}.auth-layout__feature-icon--purple{background:#f3e8ff}.auth-layout__feature-dot{width:1.5rem;height:1.5rem;border-radius:50%}.auth-layout__feature-icon--blue .auth-layout__feature-dot{background:#2563eb}.auth-layout__feature-icon--green .auth-layout__feature-dot{background:#16a34a}.auth-layout__feature-icon--purple .auth-layout__feature-dot{background:#9333ea}.auth-layout__feature-content{text-align:left;flex:1}.auth-layout__feature-title{font-weight:600;color:#111827;margin:0 0 .25rem;font-size:1rem}.auth-layout__feature-description{color:#4b5563;font-size:.875rem;margin:0}.auth-layout__form-section{width:100%;display:flex;flex-direction:column;gap:1.5rem}@media (prefers-color-scheme: dark){.auth-layout{background:linear-gradient(135deg,#1f2937,#374151)}.auth-layout__hero-title{color:#fff}.auth-layout__hero-subtitle{color:#9ca3af}.auth-layout__features{background:#0003}.auth-layout__feature-title{color:#fff}.auth-layout__feature-description{color:#9ca3af}}.warning-message{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:12px;border-radius:8px;margin-bottom:16px;text-align:center}.success-message{background-color:#d1fae5;border:1px solid #10b981;color:#065f46;padding:12px;border-radius:8px;margin-bottom:16px;text-align:center}.register-form{width:100%;max-width:28rem;margin:0 auto}.register-form__container{background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.register-form__header{text-align:center;margin-bottom:2rem}.register-form__logo{width:4rem;height:4rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.register-form__logo-icon{width:2rem;height:2rem;color:#fff}.register-form__title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.register-form__subtitle{color:#4b5563;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.register-form__error{background:#fef2f2;border:1px solid #FECACA;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.register-form__error p{color:#dc2626;font-size:.875rem;margin:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.register-form__form{display:flex;flex-direction:column;gap:1.5rem}.register-form__name-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.register-form__field{display:flex;flex-direction:column}.register-form__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.register-form__input-wrapper{position:relative}.register-form__input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);pointer-events:none}.register-form__icon{width:1.25rem;height:1.25rem;color:#9ca3af}.register-form__input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid #D1D5DB;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .2s ease-in-out;background:#fff}.register-form__input:focus{outline:none;ring:2px;ring-color:#007AFF;border-color:transparent}.register-form__input::-moz-placeholder{color:#9ca3af}.register-form__input::placeholder{color:#9ca3af}.register-form__input--no-icon{padding-left:1rem}.register-form__input--password{padding-right:3rem}.register-form__input--error{border-color:#fca5a5}.register-form__input--error:focus{ring-color:#EF4444}.register-form__password-toggle{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#9ca3af;transition:color .2s ease-in-out}.register-form__password-toggle:hover{color:#4b5563}.register-form__password-toggle:focus{outline:none;color:#007aff}.register-form__field-error{color:#ef4444;font-size:.75rem;margin-top:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.register-form__primary-button{width:100%;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;font-weight:600;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:3.5rem}.register-form__primary-button:hover:not(:disabled){background:linear-gradient(135deg,#007aff,#af52de);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.register-form__primary-button:active:not(:disabled){transform:translateY(0)}.register-form__primary-button:disabled{background:linear-gradient(135deg,#9ca3af,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.register-form__primary-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}.register-form__spinner{width:1.25rem;height:1.25rem;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.register-form__secondary-actions{padding-top:1.5rem;border-top:1px solid #E5E7EB;text-align:center;display:flex;flex-direction:column;gap:1rem}.register-form__login-text{color:#4b5563;font-size:.875rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.register-form__login-button{width:100%;background:#f3f4f6;color:#111827;font-weight:600;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;min-height:3.5rem}.register-form__login-button:hover{background:#e5e7eb;transform:translateY(-1px)}.register-form__login-button:active{transform:translateY(0)}.register-form__login-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}@media (max-width: 640px){.register-form{max-width:100%}.register-form__container{margin:1rem;padding:1.5rem}.register-form__title{font-size:1.5rem}.register-form__name-fields{grid-template-columns:1fr;gap:1rem}}@media (prefers-color-scheme: dark){.register-form__container{background:#1f2937;color:#fff}.register-form__title{color:#fff}.register-form__subtitle{color:#9ca3af}.register-form__label{color:#d1d5db}.register-form__input{background:#374151;border-color:#4b5563;color:#fff}.register-form__input::-moz-placeholder{color:#6b7280}.register-form__input::placeholder{color:#6b7280}.register-form__input--error{border-color:#ef4444}.register-form__login-button{background:#374151;color:#fff}.register-form__login-button:hover{background:#4b5563}.register-form__field-error{color:#f87171}}.forgot-password-form{width:100%;max-width:28rem;margin:0 auto}.forgot-password-form__container{background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.forgot-password-form__content{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form__content--success{text-align:center;gap:2rem}.forgot-password-form__header{text-align:center}.forgot-password-form__title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.forgot-password-form__subtitle{color:#4b5563;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;line-height:1.5}.forgot-password-form__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1rem}.forgot-password-form__icon--success{color:#10b981}.forgot-password-form__icon-svg{width:4rem;height:4rem}.forgot-password-form__error{background:#fef2f2;border:1px solid #FECACA;border-radius:.75rem;padding:1rem}.forgot-password-form__error p{color:#dc2626;font-size:.875rem;margin:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.forgot-password-form__form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form__field{display:flex;flex-direction:column}.forgot-password-form__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.forgot-password-form__input-wrapper{position:relative}.forgot-password-form__input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);pointer-events:none}.forgot-password-form__icon{width:1.25rem;height:1.25rem;color:#9ca3af}.forgot-password-form__input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid #D1D5DB;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .2s ease-in-out;background:#fff}.forgot-password-form__input:focus{outline:none;ring:2px;ring-color:#007AFF;border-color:transparent}.forgot-password-form__input::-moz-placeholder{color:#9ca3af}.forgot-password-form__input::placeholder{color:#9ca3af}.forgot-password-form__primary-button{width:100%;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;font-weight:600;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;min-height:3.5rem}.forgot-password-form__primary-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.forgot-password-form__primary-button:active:not(:disabled){transform:translateY(0)}.forgot-password-form__primary-button:disabled{background:linear-gradient(135deg,#9ca3af,#9ca3af);cursor:not-allowed;transform:none}.forgot-password-form__primary-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}.forgot-password-form__spinner{width:1.25rem;height:1.25rem;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.forgot-password-form__secondary-actions{padding-top:1.5rem;border-top:1px solid #E5E7EB;text-align:center}.forgot-password-form__actions{display:flex;justify-content:center;margin-top:1rem}.forgot-password-form__back-button{display:inline-flex;align-items:center;gap:.5rem;color:#007aff;background:none;border:none;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease-in-out}.forgot-password-form__back-button:hover{color:#0062cc;background:#007aff0d}.forgot-password-form__back-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}.forgot-password-form__back-icon{width:1rem;height:1rem}@media (max-width: 640px){.forgot-password-form{max-width:100%}.forgot-password-form__container{margin:1rem;padding:1.5rem}.forgot-password-form__title{font-size:1.5rem}}@media (prefers-color-scheme: dark){.forgot-password-form__container{background:#1f2937}.forgot-password-form__title{color:#fff}.forgot-password-form__subtitle{color:#9ca3af}.forgot-password-form__label{color:#d1d5db}.forgot-password-form__input{background:#374151;border-color:#4b5563;color:#fff}.forgot-password-form__input::-moz-placeholder{color:#6b7280}.forgot-password-form__input::placeholder{color:#6b7280}}.verify-email-form{width:100%;max-width:28rem;margin:0 auto}.verify-email-form__container{background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.verify-email-form__content{text-align:center}.verify-email-form__content--loading,.verify-email-form__content--success{padding:1rem 0}.verify-email-form__content--error,.verify-email-form__content--pending{display:flex;flex-direction:column;gap:1.5rem}.verify-email-form__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1.5rem}.verify-email-form__icon--pending{color:#3b82f6}.verify-email-form__icon--success{color:#10b981}.verify-email-form__icon--error{color:#ef4444}.verify-email-form__icon-svg{width:4rem;height:4rem}.verify-email-form__title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.verify-email-form__subtitle{color:#4b5563;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 0 1.5rem;line-height:1.5}.verify-email-form__spinner{margin:0 auto 1.5rem;display:flex;justify-content:center}.verify-email-form__spinner-circle{width:4rem;height:4rem;border:4px solid #2563EB;border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.verify-email-form__email-info{background:#eff6ff;border:1px solid #BFDBFE;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.verify-email-form__email-text{color:#1d4ed8;font-size:.875rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.verify-email-form__help-section{display:flex;flex-direction:column;gap:1rem}.verify-email-form__help-text{color:#9ca3af;font-size:.875rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.verify-email-form__redirect-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#2563eb;margin-top:1rem}.verify-email-form__redirect-spinner{width:1rem;height:1rem;animation:spin 1s linear infinite}.verify-email-form__redirect-text{font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.verify-email-form__actions{display:flex;flex-direction:column;gap:1rem}.verify-email-form__primary-button{width:100%;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;font-weight:600;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;min-height:3.5rem}.verify-email-form__primary-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.verify-email-form__primary-button:active{transform:translateY(0)}.verify-email-form__primary-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}.verify-email-form__secondary-button{width:100%;background:#f3f4f6;color:#111827;font-weight:600;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;min-height:3.5rem}.verify-email-form__secondary-button:hover{background:#e5e7eb;transform:translateY(-1px)}.verify-email-form__secondary-button:active{transform:translateY(0)}.verify-email-form__secondary-button:focus{outline:none;box-shadow:0 0 0 2px #007aff33}@media (max-width: 640px){.verify-email-form{max-width:100%}.verify-email-form__container{margin:1rem;padding:1.5rem}.verify-email-form__title{font-size:1.5rem}}@media (prefers-color-scheme: dark){.verify-email-form__container{background:#1f2937}.verify-email-form__title{color:#fff}.verify-email-form__subtitle{color:#9ca3af}.verify-email-form__email-info{background:#2563eb1a;border-color:#2563eb4d}.verify-email-form__email-text{color:#60a5fa}.verify-email-form__secondary-button{background:#374151;color:#fff}.verify-email-form__secondary-button:hover{background:#4b5563}}.reviva-app{min-height:100vh;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column}.app-header{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:50}.app-header__container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.app-header__container{padding:0 1.5rem}}@media (min-width: 1024px){.app-header__container{padding:0 2rem}}.app-header__content{display:flex;justify-content:space-between;align-items:center;height:4rem;gap:1rem}@media (max-width: 640px){.app-header__content{gap:.75rem}}.app-header__brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.app-header__logo{width:2rem;height:2rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-header__logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:inherit}.app-header__logo svg{width:1rem;height:1rem;color:#fff}.app-header__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 640px){.app-header__title{display:none}}.app-header__mobile-nav{display:none;gap:.5rem;margin-left:1rem}@media (max-width: 640px){.app-header__mobile-nav{display:flex}}.app-header__mobile-tab{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:.75rem;color:#4b5563;cursor:pointer;transition:all .2s ease-in-out}.app-header__mobile-tab:hover{background:#f3f4f6;color:#007aff}.app-header__mobile-tab--active{background:#007aff;color:#fff}.app-header__mobile-tab svg{width:1.25rem;height:1.25rem}.app-header__desktop-nav{flex:1;display:flex;justify-content:center}@media (max-width: 640px){.app-header__desktop-nav{display:none}}.app-header__tabs{display:flex;background:#f3f4f6;border-radius:1rem;padding:.25rem}.app-header__tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;background:transparent;border:none;color:#4b5563;white-space:nowrap}.app-header__tab:hover{color:#007aff}.app-header__tab--active{background:#fff;color:#007aff;box-shadow:0 1px 2px #0000000d}.app-header__tab svg{width:1rem;height:1rem;flex-shrink:0}.app-header__right{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media (max-width: 640px){.app-header__right{gap:.75rem}}.app-header__mobile-coins{display:none;cursor:pointer}@media (max-width: 640px){.app-header__mobile-coins{display:block}.app-header__mobile-coins :global(.coin-counter__purchase-button){display:none!important}}.app-header__desktop-coins{display:block}@media (max-width: 640px){.app-header__desktop-coins{display:none}}.app-header__user{display:flex;align-items:center;gap:.75rem;padding-left:1rem;border-left:1px solid #E5E7EB}@media (max-width: 640px){.app-header__user{padding-left:.75rem;gap:.5rem}}.app-header__user-info{display:flex;align-items:center;gap:.5rem}.app-header__user-avatar{width:2rem;height:2rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-header__user-avatar svg{width:1rem;height:1rem;color:#4b5563}.app-header__user-name{font-size:.875rem;font-weight:500;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 480px){.app-header__user-name{display:none}}.app-header__logout-button{padding:.5rem;background:transparent;border:none;color:#4b5563;border-radius:.75rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.app-header__logout-button:hover{background:#fef2f2;color:#ff3b30}.app-header__logout-button svg{width:1rem;height:1rem}.app-main{flex:1;max-width:1280px;margin:0 auto;padding:2rem 1rem}@media (min-width: 640px){.app-main{padding:2rem 1.5rem}}@media (min-width: 1024px){.app-main{padding:2rem}}@media (max-width: 640px){.app-main{padding:1.5rem 1rem}}.app-content{animation:fadeIn .3s ease-out}.app-content__section{margin-bottom:2rem}.app-content__section:last-child{margin-bottom:0}.app-content__header{text-align:center;margin-bottom:2rem}.app-content__title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 640px){.app-content__title{font-size:1.25rem}}.app-content__subtitle{font-size:1rem;color:#4b5563;max-width:32rem;margin:0 auto;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 640px){.app-content__subtitle{font-size:.875rem}}.processing-status-wrapper{margin-bottom:2rem;animation:slideUp .3s ease-out}.app-footer{margin-top:4rem;border-top:1px solid #E5E7EB;background:#fff}.app-footer__container{max-width:1280px;margin:0 auto;padding:2rem 1rem}@media (min-width: 640px){.app-footer__container{padding:2rem 1.5rem}}@media (min-width: 1024px){.app-footer__container{padding:2rem}}.app-footer__content{text-align:center}.app-footer__text{font-size:.75rem;color:#6b7280;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-footer__text i{font-style:italic}.loading-screen{min-height:100vh;background:#f9fafb;display:flex;align-items:center;justify-content:center}.loading-screen__content{text-align:center}.loading-screen__logo{width:3rem;height:3rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.loading-screen__logo svg{width:1.5rem;height:1.5rem;color:#fff;animation:spin 1s linear infinite}.loading-screen__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-screen__subtitle{font-size:1rem;color:#4b5563;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.reviva-app{background:#111827}.app-header{background:#1f2937cc;border-bottom-color:#374151}.app-header__title{color:#fff}.app-header__mobile-tab{color:#9ca3af}.app-header__mobile-tab:hover{background:#374151;color:#007aff}.app-header__mobile-tab--active{background:#007aff;color:#fff}.app-header__tabs{background:#374151}.app-header__tab{color:#9ca3af}.app-header__tab:hover{color:#007aff}.app-header__tab--active{background:#1f2937;color:#007aff}.app-header__user{border-left-color:#374151}.app-header__user-avatar{background:#374151}.app-header__user-avatar svg{color:#9ca3af}.app-header__user-name{color:#fff}.app-header__logout-button{color:#9ca3af}.app-header__logout-button:hover{background:#ff3b301a;color:#ff3b30}.app-content__title{color:#fff}.app-content__subtitle{color:#9ca3af}.app-footer{background:#1f2937;border-top-color:#374151}.app-footer__text{color:#9ca3af}.loading-screen{background:#111827}.loading-screen__title{color:#fff}.loading-screen__subtitle{color:#9ca3af}}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999;animation:fadeIn .2s ease-out}.confirm-modal{background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;animation:slideUp .3s ease-out}@media (max-width: 640px){.confirm-modal{max-width:100%}}.confirm-modal__header{position:relative;padding:2rem 2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.confirm-modal__icon-wrapper{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulseWarning 2s ease-in-out infinite}.confirm-modal__icon-wrapper--danger{background:#fef2f2}.confirm-modal__icon-wrapper--primary{background:#eff6ff}.confirm-modal__icon-wrapper--warning{background:#fff7ed}.confirm-modal__icon{width:2rem;height:2rem}.confirm-modal__icon-wrapper--danger .confirm-modal__icon{color:#ff3b30}.confirm-modal__icon-wrapper--primary .confirm-modal__icon{color:#007aff}.confirm-modal__icon-wrapper--warning .confirm-modal__icon{color:#ff9500}.confirm-modal__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:50%;background:#f3f4f6;color:#4b5563;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.confirm-modal__close:hover{background:#e5e7eb;color:#111827}.confirm-modal__close svg{width:1.25rem;height:1.25rem}.confirm-modal__content{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:.75rem}.confirm-modal__title{font-size:1.25rem;font-weight:600;color:#111827;margin:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.confirm-modal__message{font-size:.9375rem;color:#374151;margin:0;text-align:center;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.confirm-modal__footer{padding:0 2rem 2rem;display:flex;gap:1rem}@media (max-width: 640px){.confirm-modal__footer{flex-direction:column-reverse}}.confirm-modal__button{flex:1;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:.9375rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.confirm-modal__button:focus{outline:2px solid rgba(0,122,255,.2);outline-offset:2px}.confirm-modal__button--cancel{background:#fff;color:#374151;border:1px solid #D1D5DB;box-shadow:none}.confirm-modal__button--cancel:hover{background:#f9fafb;border-color:#9ca3af}.confirm-modal__button--cancel:active{transform:scale(.98)}.confirm-modal__button--confirm{color:#fff}.confirm-modal__button--confirm:hover{transform:translateY(-1px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.confirm-modal__button--confirm:active{transform:translateY(0)}.confirm-modal__button--confirm--danger{background:linear-gradient(135deg,#ff3b30,#fc0d00)}.confirm-modal__button--confirm--danger:focus{outline-color:#ff3b3033}.confirm-modal__button--confirm--primary{background:linear-gradient(135deg,#007aff,#0062cc)}.confirm-modal__button--confirm--primary:focus{outline-color:#007aff33}.confirm-modal__button--confirm--warning{background:linear-gradient(135deg,#ff9500,#c70)}.confirm-modal__button--confirm--warning:focus{outline-color:#ff950033}@media (max-width: 640px){.confirm-modal__button{width:100%}}@keyframes pulseWarning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-color-scheme: dark){.confirm-modal-overlay{background:#000000b3}.confirm-modal{background:#1f2937}.confirm-modal__close{background:#374151;color:#9ca3af}.confirm-modal__close:hover{background:#4b5563;color:#fff}.confirm-modal__title{color:#fff}.confirm-modal__message{color:#d1d5db}.confirm-modal__button--cancel{background:#374151;color:#d1d5db;border-color:#4b5563}.confirm-modal__button--cancel:hover{background:#4b5563}}.gallery{display:flex;flex-direction:column;gap:1.5rem}.gallery__content{width:100%}.gallery__notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#007aff0d;border:1px solid rgba(0,122,255,.1);border-radius:.75rem;font-size:.8125rem;color:#4b5563;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-top:-.75rem}@media (max-width: 640px){.gallery__notice{font-size:.75rem;padding:.5rem .75rem}}.gallery__notice-icon{width:1rem;height:1rem;color:#007aff;flex-shrink:0}@media (max-width: 640px){.gallery__notice-icon{width:.875rem;height:.875rem}}.gallery__notice-text{margin:0;line-height:1.4}.gallery--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.gallery__loading{font-size:1rem;color:#666;text-align:center}.gallery__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;margin-top:1rem}@media (max-width: 640px){.gallery__pagination{gap:.75rem;padding:1rem 0}}.gallery__pagination-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;color:#374151;border:1px solid #D1D5DB;border-radius:.75rem;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.gallery__pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#007aff;color:#007aff;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.gallery__pagination-button:active:not(:disabled){transform:translateY(0)}.gallery__pagination-button:disabled{opacity:.4;cursor:not-allowed}.gallery__pagination-button svg{width:1rem;height:1rem}@media (max-width: 640px){.gallery__pagination-button{padding:.5rem .75rem;font-size:.8125rem}.gallery__pagination-button span{display:none}.gallery__pagination-button svg{width:1.25rem;height:1.25rem}}.gallery__pagination-info{font-size:.875rem;font-weight:500;color:#4b5563;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0 .75rem}@media (max-width: 640px){.gallery__pagination-info{font-size:.8125rem}}.gallery-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 640px){.gallery-controls{flex-direction:column;align-items:stretch}}.gallery-controls__left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.gallery-controls__count{font-size:1.125rem;font-weight:600;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.gallery-controls__view-toggle{display:flex;background:#f3f4f6;border-radius:.75rem;padding:.25rem}.gallery-controls__view-toggle button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:.5rem;background:transparent;cursor:pointer;transition:all .2s ease-in-out;color:#4b5563}.gallery-controls__view-toggle button:hover{color:#007aff}.gallery-controls__view-toggle button.active{background:#fff;color:#007aff;box-shadow:0 1px 2px #0000000d}.gallery-controls__view-toggle button svg{width:1rem;height:1rem}.gallery-controls__bulk-download{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.gallery-controls__bulk-download:hover{background:#e5e7eb;transform:translateY(-1px)}.gallery-controls__bulk-download:active{transform:translateY(0)}.gallery-controls__bulk-download svg{width:1rem;height:1rem}@media (max-width: 640px){.gallery-controls__bulk-download{justify-content:center;width:100%}}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1280px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr;gap:1rem}}.gallery-grid__item{background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:all .3s ease-in-out;cursor:pointer}.gallery-grid__item:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gallery-grid__item--pending{cursor:default}.gallery-grid__item--pending:hover{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.gallery-grid__image-container{position:relative;aspect-ratio:1;background:#f3f4f6;overflow:hidden}.gallery-grid__image-container--pending{background:linear-gradient(135deg,#eff6ff,#f9fafb);display:flex;align-items:center;justify-content:center}.gallery-grid__loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem}.gallery-grid__loading-icon{width:3rem;height:3rem;color:#007aff;animation:spin 1s linear infinite}.gallery-grid__loading-timer{font-size:1.125rem;font-weight:600;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-align:center}.gallery-grid__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.gallery-grid__item:hover .gallery-grid__image{transform:scale(1.05)}.gallery-grid__overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease-in-out;opacity:0}.gallery-grid__item:hover .gallery-grid__overlay{background:#0003;opacity:1}.gallery-grid__action-button{width:2.5rem;height:2.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#374151;cursor:pointer;transition:all .2s ease-in-out;transform:translateY(8px)}.gallery-grid__item:hover .gallery-grid__action-button{transform:translateY(0)}.gallery-grid__action-button:hover{background:#fff;transform:scale(1.1)}.gallery-grid__action-button svg{width:1.25rem;height:1.25rem}.gallery-grid__action-button--delete:hover{color:#ff3b30;background:#fef2f2}.gallery-grid__info{padding:1rem;display:flex;justify-content:space-between;align-items:center}.gallery-grid__name{font-size:.875rem;font-weight:500;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.gallery-grid__actions{display:flex;gap:.25rem}.gallery-grid__info-button{padding:.25rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:.5rem;transition:all .2s ease-in-out}.gallery-grid__info-button:hover{color:#007aff}.gallery-grid__info-button--delete:hover{color:#ff3b30}.gallery-grid__info-button svg{width:1rem;height:1rem}.gallery-list{display:flex;flex-direction:column;gap:.75rem}.gallery-list__item{background:#fff;border-radius:1.5rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out}.gallery-list__item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.gallery-list__item--pending:hover{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.gallery-list__content{display:flex;align-items:center;padding:1rem;gap:1rem}.gallery-list__thumbnail{width:4rem;height:4rem;background:#f3f4f6;border-radius:.75rem;overflow:hidden;flex-shrink:0;cursor:pointer}.gallery-list__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-list__thumbnail--pending{background:linear-gradient(135deg,#eff6ff,#f9fafb);display:flex;align-items:center;justify-content:center;cursor:default}.gallery-list__loading-icon{width:2rem;height:2rem;color:#007aff;animation:spin 1s linear infinite}.gallery-list__info{flex-grow:1;min-width:0}.gallery-list__name{font-size:1rem;font-weight:500;color:#111827;margin-bottom:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.gallery-list__meta{font-size:.875rem;color:#4b5563;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.gallery-list__actions{display:flex;gap:.5rem;flex-shrink:0}.gallery-list__action-button{padding:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:.5rem;transition:all .2s ease-in-out}.gallery-list__action-button:hover{background:#f3f4f6;color:#007aff}.gallery-list__action-button--delete:hover{background:#fef2f2;color:#ff3b30}.gallery-list__action-button svg{width:1rem;height:1rem}.empty-gallery{background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;text-align:center;padding:4rem 2rem}.empty-gallery__icon{width:5rem;height:5rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.empty-gallery__icon svg{width:2.5rem;height:2.5rem;color:#6b7280}.empty-gallery__title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.empty-gallery__description{font-size:1rem;color:#4b5563;max-width:28rem;margin:0 auto;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.image-modal{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.image-modal__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal__image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.image-modal__controls{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.image-modal__button{width:2.5rem;height:2.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#374151;cursor:pointer;transition:all .2s ease-in-out}.image-modal__button:hover{background:#fff;transform:scale(1.1)}.image-modal__button svg{width:1.25rem;height:1.25rem}.image-modal__backdrop{position:absolute;inset:0;z-index:-1}@media (prefers-color-scheme: dark){.gallery__notice{background:#007aff1a;border-color:#007aff33;color:#d1d5db}.gallery__notice-icon{color:#007aff}.gallery__pagination-button{background:#1f2937;color:#d1d5db;border-color:#374151}.gallery__pagination-button:hover:not(:disabled){background:#374151;border-color:#007aff;color:#007aff}.gallery__pagination-info{color:#9ca3af}.gallery-controls__count{color:#fff}.gallery-controls__view-toggle{background:#1f2937}.gallery-controls__view-toggle button{color:#9ca3af}.gallery-controls__view-toggle button:hover{color:#007aff}.gallery-controls__view-toggle button.active{background:#374151;color:#007aff}.gallery-controls__bulk-download{background:#1f2937;color:#d1d5db}.gallery-controls__bulk-download:hover{background:#374151}.gallery-grid__item,.gallery-list__item,.empty-gallery{background:#1f2937}.gallery-grid__image-container--pending{background:linear-gradient(135deg,#007aff1a,#1f2937)}.gallery-grid__loading-timer,.gallery-grid__name{color:#d1d5db}.gallery-grid__info-button{color:#9ca3af}.gallery-grid__info-button:hover{color:#007aff}.gallery-grid__info-button--delete:hover{color:#ff3b30}.gallery-list__thumbnail{background:#374151}.gallery-list__thumbnail--pending{background:linear-gradient(135deg,#007aff1a,#374151)}.gallery-list__name{color:#fff}.gallery-list__meta,.gallery-list__action-button{color:#9ca3af}.gallery-list__action-button:hover{background:#374151;color:#007aff}.gallery-list__action-button--delete:hover{background:#ff3b301a;color:#ff3b30}.empty-gallery__icon{background:#374151}.empty-gallery__icon svg{color:#9ca3af}.empty-gallery__title{color:#fff}.empty-gallery__description{color:#9ca3af}}.landing{min-height:100vh;background:linear-gradient(180deg,#f9fafb,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.landing .landing__hero-title{font-size:3.8rem}.landing__header{position:fixed;top:0;left:0;right:0;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #E5E7EB;z-index:40;padding:1rem 0}.landing__header-content{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.landing__header-content{padding:0 1rem}}.landing__logo{display:flex;align-items:center;gap:.75rem}.landing__logo-icon-wrapper{width:2rem;height:2rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.landing__logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:inherit}.landing__logo-icon{width:1.75rem;height:1.75rem;color:#007aff}.landing__logo-text{font-size:1.125rem;font-weight:600;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__login-button{padding:.75rem 1.5rem;background:#007aff;color:#fff;border:none;border-radius:9999px;font-size:.9375rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.landing__login-button:hover{background:#006ee6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.landing__login-button:active{transform:translateY(0)}@media (max-width: 768px){.landing__login-button{padding:.5rem 1rem;font-size:.875rem}}.landing__hero{max-width:1280px;margin:0 auto;padding:8rem 2rem 6rem}@media (max-width: 768px){.landing__hero{padding:5.5rem 1rem 4rem}}.landing__hero-content{text-align:center;max-width:56rem;margin:0 auto 6rem}.landing__hero-title{font-size:4rem;font-weight:800;line-height:1.1;color:#111827;margin:0 0 2rem;letter-spacing:-.02em}@media (max-width: 1024px){.landing__hero-title{font-size:3rem}}@media (max-width: 768px){.landing__hero-title{font-size:2.25rem}}.landing__hero-title-gradient{background:linear-gradient(135deg,#007aff,#5856d6,#af52de);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.landing__hero-description{font-size:1.25rem;line-height:1.8;color:#4b5563;margin:0 0 3rem;max-width:48rem;margin-left:auto;margin-right:auto}@media (max-width: 768px){.landing__hero-description{font-size:1.125rem}}.landing__hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing__hero-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;border:none}.landing__hero-button--primary{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.landing__hero-button--primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.landing__hero-button--secondary{background:#fff;color:#111827;border:2px solid #D1D5DB}.landing__hero-button--secondary:hover{border-color:#007aff;color:#007aff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.landing__hero-button:active{transform:translateY(0)}@media (max-width: 768px){.landing__hero-button{padding:.75rem 1.5rem;font-size:1rem}}.landing__hero-button-icon{width:1.25rem;height:1.25rem}.landing__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:6rem}@media (max-width: 1024px){.landing__features-grid{grid-template-columns:1fr;gap:1.5rem;max-width:32rem;margin-left:auto;margin-right:auto}}.landing__feature-card{background:#fff;border-radius:2rem;padding:3rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease-in-out;border:1px solid #E5E7EB}.landing__feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width: 768px){.landing__feature-card{padding:1.5rem}}.landing__feature-icon{width:3.5rem;height:3.5rem;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.landing__feature-icon svg{width:2rem;height:2rem;color:#fff}.landing__feature-icon--blue{background:linear-gradient(135deg,#007aff,#0062cc)}.landing__feature-icon--purple{background:linear-gradient(135deg,#af52de,#9b29d4)}.landing__feature-icon--green{background:linear-gradient(135deg,#34c759,#299f47)}.landing__feature-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.4}.landing__feature-description{font-size:1rem;line-height:1.6;color:#4b5563;margin:0}.landing__comparison{max-width:1280px;margin:0 auto;padding:6rem 2rem}@media (max-width: 768px){.landing__comparison{padding:4rem 1rem}}.landing__comparison-header{text-align:center;margin-bottom:4rem}.landing__comparison-title{font-size:3rem;font-weight:700;color:#111827;margin:0 0 1rem;letter-spacing:-.02em}@media (max-width: 768px){.landing__comparison-title{font-size:2rem}}.landing__comparison-subtitle{font-size:1.25rem;color:#4b5563;margin:0}@media (max-width: 768px){.landing__comparison-subtitle{font-size:1.125rem}}.landing__comparison-container{position:relative;max-width:56rem;margin:0 auto;aspect-ratio:16/9;border-radius:2rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){.landing__comparison-container{aspect-ratio:4/3}}.landing__comparison-image{position:absolute;inset:0;background-size:cover;background-position:center}.landing__comparison-image--before{background-image:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=1200&auto=format&fit=crop&q=60&ixlib=rb-4.0.3);filter:grayscale(50%) brightness(.8) contrast(.8)}.landing__comparison-image--after{background-image:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=1200&auto=format&fit=crop&q=80&ixlib=rb-4.0.3)}.landing__comparison-overlay{position:absolute;inset:0}.landing__comparison-label{position:absolute;top:1.5rem;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;font-size:.875rem;font-weight:600;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.landing__comparison-label--before{left:1.5rem;color:#374151}.landing__comparison-label--after{right:1.5rem;color:#007aff}@media (max-width: 768px){.landing__comparison-label{top:.75rem;padding:.375rem .75rem;font-size:.75rem}.landing__comparison-label--before{left:.75rem}.landing__comparison-label--after{right:.75rem}}.landing__comparison-slider{position:absolute;top:0;bottom:0;width:4px;background:#fff;transform:translate(-2px);pointer-events:none;z-index:10}.landing__comparison-slider-line{position:absolute;inset:0;background:#fff;box-shadow:0 0 20px #0000004d}.landing__comparison-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;pointer-events:all;cursor:ew-resize}@media (max-width: 768px){.landing__comparison-slider-handle{width:2.5rem;height:2.5rem}}.landing__comparison-slider-icon{width:1.25rem;height:1.25rem;color:#374151}@media (max-width: 768px){.landing__comparison-slider-icon{width:1rem;height:1rem}}.landing__comparison-slider-icon:first-child{margin-right:-.5rem}.landing__comparison-slider-icon:last-child{margin-left:-.5rem}.landing__comparison-cta{margin-top:4rem;text-align:center}.landing__cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.5rem 3rem;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;border:none;border-radius:9999px;font-size:1.25rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.landing__cta-button:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}.landing__cta-button:active{transform:translateY(-2px)}@media (max-width: 768px){.landing__cta-button{padding:1rem 2rem;font-size:1.125rem}}.landing__cta-icon{width:1.5rem;height:1.5rem}.landing__footer{background:#111827;padding:3rem 0;margin-top:6rem}.landing__footer-content{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 768px){.landing__footer-content{padding:0 1rem}}.landing__footer-logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.125rem;color:#fff}.landing__footer-logo-icon{width:1.5rem;height:1.5rem;color:#007aff}.landing__footer-logo-text{background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__footer-text{font-size:.875rem;color:#9ca3af;margin:0}@media (prefers-color-scheme: dark){.landing{background:linear-gradient(180deg,#111827,#1f2937)}.landing__header{background:#111827cc;border-bottom-color:#374151}.landing__logo,.landing__hero-title{color:#fff}.landing__hero-description{color:#9ca3af}.landing__hero-button--secondary{background:#1f2937;color:#fff;border-color:#374151}.landing__hero-button--secondary:hover{border-color:#007aff}.landing__feature-card{background:#1f2937;border-color:#374151}.landing__feature-title{color:#fff}.landing__feature-description{color:#9ca3af}.landing__comparison-title{color:#fff}.landing__comparison-subtitle{color:#9ca3af}}.user-profile-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.user-profile-modal__backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-profile-modal__content{position:relative;background:#fff;border-radius:2rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@media (max-width: 640px){.user-profile-modal__content{max-width:100%;max-height:95vh;border-radius:1.5rem}}.user-profile-modal__header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid #E5E7EB}@media (max-width: 640px){.user-profile-modal__header{padding:1.5rem}}.user-profile-modal__title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 640px){.user-profile-modal__title{font-size:1.25rem}}.user-profile-modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f3f4f6;border:none;border-radius:50%;color:#374151;cursor:pointer;transition:all .2s ease-in-out}.user-profile-modal__close:hover{background:#e5e7eb;transform:scale(1.1)}.user-profile-modal__close svg{width:1.25rem;height:1.25rem}.user-profile-modal__body{flex:1;overflow-y:auto;padding:2rem}@media (max-width: 640px){.user-profile-modal__body{padding:1.5rem}}.user-profile-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.user-profile-modal__loading p{font-size:1rem;color:#4b5563;margin:0}.user-profile-modal__loading-spinner{width:3rem;height:3rem;border:3px solid #E5E7EB;border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite}.user-profile-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;text-align:center}.user-profile-modal__error p{font-size:1rem;color:#ff3b30;margin:0}.user-profile-modal__retry{padding:.75rem 1.5rem;background:#007aff;color:#fff;border:none;border-radius:9999px;font-size:.9375rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.user-profile-modal__retry:hover{background:#006ee6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-profile-modal__avatar-section{display:flex;flex-direction:column;align-items:center;padding-bottom:2rem;border-bottom:1px solid #E5E7EB;margin-bottom:2rem}.user-profile-modal__avatar{width:5rem;height:5rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.user-profile-modal__avatar svg{width:2.5rem;height:2.5rem;color:#fff}.user-profile-modal__user-name{font-size:1.5rem;font-weight:700;color:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 640px){.user-profile-modal__user-name{font-size:1.25rem}}.user-profile-modal__info-section{margin-bottom:2rem}.user-profile-modal__info-section:last-child{margin-bottom:0}.user-profile-modal__section-title{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.user-profile-modal__info-grid{display:flex;flex-direction:column;gap:1rem}.user-profile-modal__info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9fafb;border-radius:1rem;transition:all .2s ease-in-out}.user-profile-modal__info-item:hover{background:#f3f4f6}.user-profile-modal__info-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#fff;border-radius:.75rem;color:#007aff;flex-shrink:0}.user-profile-modal__info-icon svg{width:1.25rem;height:1.25rem}.user-profile-modal__info-content{flex:1;min-width:0}.user-profile-modal__info-label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.user-profile-modal__info-value{font-size:1rem;font-weight:500;color:#111827;margin:0;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.user-profile-modal__footer{display:flex;gap:1rem;padding:2rem;border-top:1px solid #E5E7EB}@media (max-width: 640px){.user-profile-modal__footer{flex-direction:column;padding:1.5rem}}.user-profile-modal__button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:9999px;font-size:.9375rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.user-profile-modal__button svg{width:1.125rem;height:1.125rem}.user-profile-modal__button--secondary{background:#007aff;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-profile-modal__button--secondary:hover{background:#006ee6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.user-profile-modal__button--secondary:active{transform:translateY(0)}.user-profile-modal__button--danger{background:#fff;color:#ff3b30;border:2px solid #FF3B30}.user-profile-modal__button--danger:hover{background:#fef2f2;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.user-profile-modal__button--danger:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.user-profile-modal__backdrop{background:#000000b3}.user-profile-modal__content{background:#1f2937}.user-profile-modal__header{border-bottom-color:#374151}.user-profile-modal__title{color:#fff}.user-profile-modal__close{background:#374151;color:#d1d5db}.user-profile-modal__close:hover{background:#4b5563}.user-profile-modal__loading p{color:#9ca3af}.user-profile-modal__loading-spinner{border-color:#374151;border-top-color:#007aff}.user-profile-modal__error p{color:#ff3b30}.user-profile-modal__avatar-section{border-bottom-color:#374151}.user-profile-modal__user-name{color:#fff}.user-profile-modal__info-item{background:#374151}.user-profile-modal__info-item:hover{background:#4b5563}.user-profile-modal__info-icon{background:#1f2937}.user-profile-modal__info-label{color:#9ca3af}.user-profile-modal__info-value{font-size:1rem;font-weight:500;color:#111827;margin:0;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.user-profile-modal__badge{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.user-profile-modal__badge--success{background:#34c7591a;color:#34c759}.user-profile-modal__footer{display:flex;gap:1rem;padding:2rem;border-top:1px solid #E5E7EB}}@media (prefers-color-scheme: dark) and (max-width: 640px){.user-profile-modal__footer{flex-direction:column;padding:1.5rem}}@media (prefers-color-scheme: dark){.user-profile-modal__button--danger{background:#1f2937;border-color:#ff3b30}.user-profile-modal__button--danger:hover{background:#ff3b301a}}