@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css);*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e4e4e7;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a1a1aa}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#71717a;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}input::placeholder,textarea::placeholder{color:#71717a;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:repeat;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:inherit;print-color-adjust:inherit}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#71717a;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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);outline:2px solid #0000;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:inherit;border-radius:0;border-width:0;font-size:inherit;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*{--tw-border-opacity:1;border-color:#e4e4e7;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}:is(.dark *){--tw-border-opacity:1;border-color:#27272a;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:#18181b;color:rgb(24 24 27/var(--tw-text-opacity,1))}body:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#09090b;background-color:rgb(9 9 11/var(--tw-bg-opacity,1));color:#fafafa;color:rgb(250 250 250/var(--tw-text-opacity,1))}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:#18181b;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:#a1a1aa;background-color:rgb(161 161 170/var(--tw-bg-opacity,1));border-radius:9999px}:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:#52525b;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:#71717a;background-color:rgb(113 113 122/var(--tw-bg-opacity,1))}:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:#71717a;background-color:rgb(113 113 122/var(--tw-bg-opacity,1))}@media (min-width:475px){.container{max-width:475px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:1920px){.container{max-width:1920px}}.glass{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#fffc}.glass:is(.dark *){background-color:#18181bcc}.btn-primary{align-items:center;border-radius:.75rem;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary:focus{--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);--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-primary:hover{--tw-bg-opacity:1;background-color:#4338ca;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.btn-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.btn-primary:active{--tw-bg-opacity:1;background-color:#3730a3;background-color:rgb(55 48 163/var(--tw-bg-opacity,1))}.btn-secondary{align-items:center;border-radius:.75rem;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-secondary:focus{--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);--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#f4f4f5;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));color:#18181b;color:rgb(24 24 27/var(--tw-text-opacity,1))}.btn-secondary:hover{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.btn-secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(113 113 122/var(--tw-ring-opacity,1))}.btn-secondary:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#27272a;background-color:rgb(39 39 42/var(--tw-bg-opacity,1));color:#f4f4f5;color:rgb(244 244 245/var(--tw-text-opacity,1))}.btn-secondary:hover:is(.dark *){--tw-bg-opacity:1;background-color:#3f3f46;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.card{--tw-bg-opacity:1;--tw-shadow:0 2px 15px #00000014;--tw-shadow-colored:0 2px 15px var(--tw-shadow-color);background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;transition-duration:.3s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card,.card:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:hover{--tw-shadow:0 4px 20px #0000001f;--tw-shadow-colored:0 4px 20px var(--tw-shadow-color)}.card:is(.dark *){--tw-bg-opacity:1;background-color:#18181b;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.table{display:table}.h-16{height:4rem}.w-16{width:4rem}.w-full{width:100%}.max-w-md{max-width:28rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-gray-500{--tw-text-opacity:1;color:#71717a;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#52525b;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#18181b;color:rgb(24 24 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.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{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}body{background:#fff;color:#000;font-size:12pt}a{text-decoration:underline}}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#3f3f46;color:rgb(63 63 70/var(--tw-text-opacity,1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:#18181b;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#713f124d}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:#d4d4d8;color:rgb(212 212 216/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:#a1a1aa;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:#e4e4e7;color:rgb(228 228 231/var(--tw-text-opacity,1))}.navigation{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-glass-bg);border-bottom:1px solid var(--color-glass-border);left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.navigation.scrolled{background:var(--color-glass-bg-hover);border-bottom-color:var(--color-glass-border-hover);box-shadow:0 8px 32px #0000001f}.nav-container{height:80px;justify-content:space-between;padding:0 var(--spacing-lg)}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--color-text-primary);cursor:pointer;font-size:1.5rem;font-weight:700;gap:var(--spacing-sm);text-decoration:none}.logo-icon{font-size:2rem}.nav-links{display:flex;gap:var(--spacing-xl)}.nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.nav-link:hover{background:#6366f11a;color:var(--color-primary)}.nav-link:after{background:var(--color-primary);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--transition-fast);width:0}.nav-link:hover:after{width:80%}.nav-link.active{background:#6366f11a;color:var(--color-primary)}.nav-link.active:after{width:80%}.nav-actions{align-items:center;display:flex;gap:var(--spacing-md)}.lang-button,.theme-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:500;justify-content:center;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-base)}.lang-button:before,.theme-button:before{background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast);z-index:-1}.lang-button:hover,.theme-button:hover{border-color:#0000;box-shadow:0 8px 16px #6366f14d;color:#fff;transform:translateY(-2px)}.lang-button:hover:before,.theme-button:hover:before{opacity:1}.theme-button{align-items:center;display:flex;font-size:1.2rem;height:44px;justify-content:center;padding:var(--spacing-sm);width:44px}.mobile-menu-button{background:#0000;border:none;display:none;padding:var(--spacing-sm)}.hamburger{display:flex;flex-direction:column;gap:4px;height:24px;position:relative;width:24px}.hamburger span{background:var(--color-text-primary);display:block;height:2px;transition:all var(--transition-fast);width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{background:var(--color-surface);left:0;overflow:hidden;position:absolute;right:0;top:100%}.mobile-menu,.mobile-nav-link{border-bottom:1px solid var(--color-border)}.mobile-nav-link{color:var(--color-text-primary);display:block;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.mobile-nav-link:hover{background:var(--color-primary);color:#fff}.mobile-nav-link.active{background:#6366f11a;color:var(--color-primary);font-weight:600}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-menu-button{display:block}.nav-container{padding:0 var(--spacing-md)}}@media (min-width:769px){.mobile-only{display:none!important}}.back-to-top{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #667eea66;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:9999}.back-to-top:hover{box-shadow:0 6px 30px #667eea99;transform:translateY(-2px)}.back-to-top svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.back-to-top:hover svg{transform:scale(1.1)}[data-theme=dark] .back-to-top{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 4px 20px #00000080}[data-theme=dark] .back-to-top:hover{box-shadow:0 6px 30px #000000b3}@media (max-width:768px){.back-to-top{bottom:20px;height:50px;right:20px;width:50px}.back-to-top svg{height:20px;width:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-to-top{animation:fadeInUp .3s ease}:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:500ms ease-in-out;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}[data-theme=dark]{--color-background:#1a1f3a;--color-surface:#242947;--color-surface-elevated:#2e3454;--color-surface-hover:#3a4165;--color-border:#4a5376;--color-border-subtle:#3a4165;--color-text-primary:#fff;--color-text-secondary:#fff;--color-text-muted:#e5e7eb;--color-text-subtle:#d1d5db;--color-primary:#6b7bff;--color-primary-hover:#8b96ff;--color-primary-active:#5a6aff;--color-primary-light:#a8b2ff;--color-primary-dark:#4a5fff;--color-primary-glow:#6b7bff66;--color-primary-glow-strong:#6b7bff99;--color-secondary:#ff5fa3;--color-secondary-hover:#ff7ab3;--color-secondary-active:#ff4a96;--color-secondary-light:#ff8fc6;--color-secondary-dark:#ff3d8b;--color-secondary-glow:#ff5fa366;--color-secondary-glow-strong:#ff5fa399;--color-success:#22d3aa;--color-success-light:#5eead4;--color-success-glow:#22d3aa66;--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-warning-glow:#fbbf2466;--color-error:#fb7185;--color-error-light:#fda4af;--color-error-glow:#fb718566;--color-glass-bg:#14193399;--color-glass-bg-hover:#1e2444b3;--color-glass-bg-active:#282f55cc;--color-glass-border:#ffffff1a;--color-glass-border-hover:#ffffff26;--color-glass-border-focus:#fff3;--color-glass-highlight:#ffffff14;--gradient-primary:linear-gradient(135deg,#6b7bff,#ff5fa3);--gradient-primary-soft:linear-gradient(135deg,#6b7bffd9,#ff5fa3d9);--gradient-primary-subtle:linear-gradient(135deg,#6b7bffb3,#ff5fa3b3);--gradient-surface:linear-gradient(135deg,#1a1f3a,#242947 50%,#2e3454);--gradient-card:linear-gradient(145deg,#1e244480,#282f554d);--gradient-card-hover:linear-gradient(145deg,#282f55a6,#323a6673);--gradient-hero-bg:radial-gradient(ellipse at top,#6b7bff26 0%,#0000 50%),radial-gradient(ellipse at bottom right,#ff5fa31a 0%,#0000 50%),linear-gradient(135deg,#1a1f3af2,#242947d9);--gradient-button-primary:linear-gradient(135deg,#6b7bff,#8b96ff 50%,#ff5fa3);--gradient-button-primary-hover:linear-gradient(135deg,#8b96ff,#a8b2ff 50%,#ff7ab3);--gradient-button-secondary:linear-gradient(135deg,#6b7bff1f,#ff5fa31f);--shadow-soft:0 2px 8px #00000014;--shadow-medium:0 4px 16px #0000001f;--shadow-strong:0 8px 24px #00000029;--shadow-colored-primary:0 8px 24px var(--color-primary-glow);--shadow-colored-primary-strong:0 12px 32px var(--color-primary-glow-strong);--shadow-colored-secondary:0 8px 24px var(--color-secondary-glow);--shadow-colored-secondary-strong:0 12px 32px var(--color-secondary-glow-strong)}[data-theme=light]{--color-background:#fff;--color-surface:#fafbff;--color-surface-elevated:#f4f7ff;--color-surface-hover:#e6edff;--color-border:#c7d2fe;--color-border-subtle:#e6edff;--color-text-primary:#0f172a;--color-text-secondary:#1e293b;--color-text-muted:#334155;--color-text-subtle:#475569;--color-primary:#5b6cff;--color-primary-hover:#4a5aff;--color-primary-active:#394aff;--color-primary-light:#7c8aff;--color-primary-dark:#2a3fff;--color-primary-glow:#5b6cff4d;--color-primary-glow-strong:#5b6cff80;--color-secondary:#ff4f96;--color-secondary-hover:#ff3d87;--color-secondary-active:#ff2b78;--color-secondary-light:#ff6ba5;--color-secondary-dark:#ff1a6b;--color-secondary-glow:#ff4f964d;--color-secondary-glow-strong:#ff4f9680;--color-success:#10d876;--color-success-light:#34e890;--color-success-glow:#10d87640;--color-warning:#ffb020;--color-warning-light:#ffc540;--color-warning-glow:#ffb02040;--color-error:#ff5757;--color-error-light:#ff7171;--color-error-glow:#ff575740;--color-glass-bg:#fffc;--color-glass-bg-hover:#ffffffe6;--color-glass-bg-active:#fffffff2;--color-glass-border:#0f172a14;--color-glass-border-hover:#0f172a1f;--color-glass-border-focus:#0f172a29;--color-glass-highlight:#0f172a08;--gradient-primary:linear-gradient(135deg,#5b6cff,#ff4f96);--gradient-primary-soft:linear-gradient(135deg,#5b6cffd9,#ff4f96d9);--gradient-primary-subtle:linear-gradient(135deg,#5b6cffb3,#ff4f96b3);--gradient-surface:linear-gradient(135deg,#fff,#fafbff 50%,#f4f7ff);--gradient-card:linear-gradient(145deg,#fafbffe6,#f4f7ffb3);--gradient-card-hover:linear-gradient(145deg,#fafbfff2,#e6edffcc);--gradient-hero-bg:radial-gradient(ellipse at top,#5b6cff26 0%,#0000 50%),radial-gradient(ellipse at bottom right,#ff4f961a 0%,#0000 50%),linear-gradient(135deg,#fffffff2,#fafbffcc);--gradient-button-primary:linear-gradient(135deg,#5b6cff,#4a5aff 50%,#ff4f96);--gradient-button-primary-hover:linear-gradient(135deg,#4a5aff,#7c8aff 50%,#ff3d87);--gradient-button-secondary:linear-gradient(135deg,#5b6cff1a,#ff4f961a);--shadow-soft:0 2px 8px #0f172a0f;--shadow-medium:0 4px 16px #0f172a14;--shadow-strong:0 8px 24px #0f172a1f;--shadow-colored-primary:0 8px 24px var(--color-primary-glow);--shadow-colored-primary-strong:0 12px 32px var(--color-primary-glow-strong);--shadow-colored-secondary:0 8px 24px var(--color-secondary-glow);--shadow-colored-secondary-strong:0 12px 32px var(--color-secondary-glow-strong)}html{scroll-behavior:smooth}body{background:var(--gradient-surface);color:var(--color-text-primary);-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;overflow-x:hidden;transition:all .5s ease-in-out,background .5s ease-in-out;transition:all var(--transition-slow),background var(--transition-slow);word-break:keep-all}*,:after,:before{transition:background-color .5s ease-in-out,border-color .5s ease-in-out,color .5s ease-in-out,box-shadow .25s ease-in-out;transition:background-color var(--transition-slow),border-color var(--transition-slow),color var(--transition-slow),box-shadow var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:700;-webkit-hyphens:none;hyphens:none;letter-spacing:-.02em;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--spacing-md);overflow-wrap:break-word;word-break:keep-all}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.15}h3{font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-.02em;line-height:1.2}h3,h4{font-weight:600}h4{font-size:clamp(1.25rem,3vw,1.75rem);letter-spacing:-.015em;line-height:1.25}h5{font-size:clamp(1.125rem,2.5vw,1.5rem)}h5,h6{font-weight:500;line-height:1.3}h6{font-size:.875rem;letter-spacing:.025em;text-transform:uppercase}p{-webkit-hyphens:none;hyphens:none;line-height:1.8;margin-bottom:1rem;margin-bottom:var(--spacing-md);overflow-wrap:break-word;word-break:keep-all}.text-large,p{color:var(--color-text-secondary)}.text-large{font-size:1.25rem;line-height:1.6}.text-small{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.font-mono{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}button{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn{font-size:1rem;font-weight:500;min-width:120px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn-lg{font-size:1.125rem;font-weight:600;min-width:150px;padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-sm{font-size:.875rem;min-width:100px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-primary{background:var(--gradient-button-primary);box-shadow:var(--shadow-colored-primary);overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.25,.46,.45,.94);width:100%}.btn-primary:hover{background:var(--gradient-button-primary-hover);box-shadow:var(--shadow-colored-primary-strong);transform:translateY(-2px) scale(1.02)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gradient-button-secondary);overflow:hidden;position:relative}.btn-secondary:before{background:var(--gradient-primary-subtle);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s ease-in-out;transition:opacity var(--transition-base);width:100%}.btn-secondary:hover{border-color:var(--color-primary-hover);color:#fff;transform:translateY(-2px)}.btn-secondary:hover:before{opacity:1}.btn-ghost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);color:var(--color-text-primary);position:relative}.btn-ghost:after{background:var(--color-glass-highlight);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease-in-out;transition:opacity var(--transition-base)}.btn-ghost:hover{background:var(--color-glass-bg-hover);border-color:var(--color-glass-border-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-ghost:hover:after{opacity:1}.btn-ghost:active{background:var(--color-glass-bg-active);transform:translateY(-1px)}:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-background);outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){:root{--color-text-primary:#000;--color-text-secondary:#333;--color-background:#fff;--color-surface:#f5f5f5;--color-border:#000;--color-primary:#00f}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-bg-gradient{animation:none}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 1px var(--color-background),0 0 0 4px var(--color-primary);outline:3px solid var(--color-primary);outline-offset:2px}.container{margin:0 auto;max-width:1280px;padding:0 1.5rem;padding:0 var(--spacing-lg);width:100%}@media (max-width:640px){.container{padding:0 1rem;padding:0 var(--spacing-md)}}@media (min-width:1400px){.container{max-width:1400px}}[lang=ko] .hero-title,[lang=ko] .section-title,[lang=ko] h1,[lang=ko] h2,[lang=ko] h3{letter-spacing:-.01em;word-spacing:.1em}[lang=ko] .feature-desc,[lang=ko] .hero-description,[lang=ko] p{letter-spacing:0;word-spacing:.05em}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media (max-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-base)}.glass:before{background:var(--color-glass-highlight);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .25s ease-in-out;transition:opacity var(--transition-base)}.glass:hover:before{opacity:1}.glass-hover:hover,.glass:hover{background:var(--color-glass-bg-hover);border-color:var(--color-glass-border-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--gradient-card);border:1px solid var(--color-glass-border);border-radius:1rem;border-radius:var(--radius-lg);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-base)}.glass-card:after{background:linear-gradient(90deg,#0000,var(--color-glass-border-hover),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease-in-out;transition:opacity var(--transition-base)}.glass-card:hover{background:var(--gradient-card-hover);border-color:var(--color-glass-border-hover);box-shadow:var(--shadow-strong);transform:translateY(-4px)}.glass-card:hover:after{opacity:1}.glass-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-surface);border:1px solid var(--color-border-subtle);position:relative}.glass-strong:before{background:var(--gradient-primary-subtle);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;transition:opacity var(--transition-slow)}.glass-strong:hover:before{opacity:.03}.glass-interactive{cursor:pointer;transition:all .25s ease-in-out;transition:all var(--transition-base)}.glass-interactive:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.glass-interactive:active{transform:translateY(0);transition-duration:.1s}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skip-to-main{background-color:var(--color-primary);color:#fff;left:-9999px;padding:1em;position:absolute;text-decoration:none;z-index:999}.skip-to-main:focus{left:50%;top:0;transform:translateX(-50%)}.hero-section{background:var(--gradient-hero-bg);display:flex;min-height:100vh;overflow:hidden;padding:120px 0 80px}.hero-container,.hero-section{align-items:center;position:relative}.hero-container{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;z-index:2}.hero-content{max-width:600px}.hero-title{color:var(--color-text-primary);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;-webkit-hyphens:none;hyphens:none;line-height:1.15;margin-bottom:var(--spacing-xl);overflow-wrap:break-word;word-break:keep-all}.hero-title-line{animation:slideInUp .8s ease-out;display:block;margin-bottom:var(--spacing-sm)}.hero-title-gradient{-webkit-text-fill-color:#0000;animation:slideInUp .8s ease-out .2s both;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;position:relative}.hero-title-gradient:after{animation:scaleIn .8s ease-out 1s both;background:var(--gradient-primary);border-radius:2px;bottom:-4px;content:"";height:4px;left:0;position:absolute;right:0;transform:scaleX(0)}.hero-description{animation:slideInUp .8s ease-out .4s both;color:var(--color-text-secondary);font-size:clamp(1.125rem,3vw,1.375rem);-webkit-hyphens:none;hyphens:none;line-height:1.8;margin-bottom:var(--spacing-2xl);max-width:500px;overflow-wrap:break-word;white-space:pre-line;word-break:keep-all}.hero-buttons{animation:slideInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.hero-buttons .btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;justify-content:center;min-width:160px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-2xl);position:relative;transition:all var(--transition-base)}.hero-buttons .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.hero-buttons .btn:hover:before{left:100%}.hero-buttons .btn-primary{background:var(--gradient-button-primary);box-shadow:var(--shadow-colored-primary);color:#fff;overflow:hidden;position:relative}.hero-buttons .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.25,.46,.45,.94);width:100%}.hero-buttons .btn-primary:hover:before{left:100%}.hero-buttons .btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gradient-button-secondary);border:2px solid var(--color-primary);color:var(--color-primary);overflow:hidden;position:relative}.hero-buttons .btn-secondary:before{background:var(--gradient-primary-subtle);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-base);width:100%}.hero-buttons .btn-secondary:hover:before{opacity:1}.hero-buttons .btn-secondary:hover{border-color:var(--color-primary-hover);color:#fff}.hero-mockup{align-items:center;display:flex;justify-content:center}.mockup-container{aspect-ratio:16/10;max-width:500px;width:100%}.mockup-screen{animation:slideInRight .8s ease-out .8s both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--gradient-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);box-shadow:0 20px 40px #00000026;height:100%;overflow:hidden;width:100%}.mockup-header{align-items:center;background:var(--color-surface-light);display:flex;gap:var(--spacing-sm);height:40px;padding:0 var(--spacing-md)}.dot{background:var(--color-border);border-radius:50%;height:12px;width:12px}.dot:first-child{background:#ff5f57}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#28ca42}.mockup-content{display:flex;flex-direction:column;gap:var(--spacing-lg);height:calc(100% - 40px);padding:var(--spacing-lg)}.mockup-video{align-items:center;background:var(--color-background);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center}.video-icon{font-size:3rem}.mockup-video p{color:var(--color-text-secondary);margin:0}.mockup-students{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.student-card{align-items:center;aspect-ratio:1;background:var(--color-surface-light);border-radius:var(--radius-md);display:flex;font-size:1.5rem;justify-content:center}.hero-bg-gradient{animation:rotate 30s linear infinite;background:radial-gradient(circle at center,#6366f11a 0,#0000 70%);height:200%;position:absolute;right:-50%;top:-50%;width:200%;z-index:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.hero-section{min-height:90vh;padding:100px 0 60px}.hero-container{gap:var(--spacing-2xl);grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%;order:1}.hero-title{font-size:clamp(2rem,8vw,3rem);line-height:1.3;margin-bottom:var(--spacing-lg)}.hero-description{font-size:clamp(1rem,4vw,1.25rem);line-height:1.9;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:400px}.hero-buttons{align-items:center;flex-direction:column;gap:var(--spacing-sm);justify-content:center}.hero-buttons .btn{min-width:200px;padding:var(--spacing-md) var(--spacing-xl)}.hero-mockup{margin-top:0;order:2}.mockup-container{margin:0 auto;max-width:300px}.mockup-content{padding:var(--spacing-md)}.mockup-students{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-section{padding:80px 0 40px}.hero-title{font-size:clamp(1.75rem,9vw,2.5rem)}.hero-buttons .btn{font-size:1rem;min-width:180px}.mockup-container{max-width:280px}}.value-props-section{background:var(--gradient-surface);padding:var(--spacing-3xl) 0;position:relative}.value-props-section:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.section-header{margin-bottom:var(--spacing-3xl);position:relative;text-align:center}.section-title{color:var(--color-text-primary);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;-webkit-hyphens:none;hyphens:none;line-height:1.2;margin-bottom:var(--spacing-md);overflow-wrap:break-word;position:relative;word-break:keep-all}.section-title:after{background:var(--gradient-primary);border-radius:2px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.feature-card{border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-align:center;transition:all var(--transition-base)}.feature-card:before{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--gradient-card);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.feature-card:hover{border-color:var(--color-glass-border-hover);box-shadow:0 20px 40px #6366f126;transform:translateY(-8px)}.feature-card:hover:before{background:var(--color-glass-bg-hover)}.feature-icon{height:60px;margin:0 auto var(--spacing-md);overflow:hidden;position:relative;width:60px}.feature-icon svg{height:32px;position:relative;width:32px;z-index:1}.feature-icon:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.feature-title{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs)}.feature-desc,.feature-title{-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;word-break:keep-all}.feature-desc{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0}@keyframes shimmer{0%,to{transform:translateX(-200%) translateY(-200%) rotate(45deg)}50%{transform:translateX(200%) translateY(200%) rotate(45deg)}}@media (max-width:768px){.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.feature-card{padding:var(--spacing-md) var(--spacing-lg)}.feature-icon{height:50px;width:50px}.feature-icon svg{height:28px;width:28px}.section-title{font-size:clamp(1.875rem,8vw,2.5rem)}.how-it-works-grid{grid-template-columns:1fr!important}}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr;margin-bottom:40px}.footer-links-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.footer-policy-links,.footer-social-links{display:flex;flex-direction:column;gap:10px}@media (max-width:768px){.footer-content{display:flex;flex-direction:column;gap:30px}.footer-brand{text-align:center}.footer-links-container{display:flex;flex-direction:column;gap:20px}.footer-policy-links,.footer-social-links{flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}}.intro-page{background:var(--color-background);min-height:100vh}.intro-main{padding-top:80px}.intro-hero{background:var(--gradient-primary);color:#fff;padding:80px 0;text-align:center}.intro-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.intro-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);opacity:.9}.intro-content{padding:80px 0}.intro-section{margin-bottom:80px;text-align:center}.intro-section h2{color:var(--color-text);font-size:2.5rem;margin-bottom:2rem;text-align:center}.intro-section p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1000px;text-align:center}.mission-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.mission-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:transform .3s ease}.mission-card:hover{transform:translateY(-5px)}.mission-icon{display:block;font-size:3rem;margin-bottom:1rem}.mission-card h3{color:var(--color-text);font-size:1.5rem;margin-bottom:1rem}.values-list{list-style:none;margin:0 auto;max-width:1000px;padding:0;text-align:left}.values-list li{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1.1rem;padding:1rem 0 1rem 2rem;position:relative;text-align:left}.values-list li:before{color:var(--color-primary);content:"✓";font-weight:700;left:0;position:absolute}.intro-team{background:var(--color-surface);padding:80px 0}.team-content{margin:0 auto;max-width:1000px}.team-content h2{margin-bottom:2rem;text-align:center}.team-intro{color:var(--color-text-secondary);font-size:1.25rem;margin-bottom:3rem}.team-description,.team-intro{text-align:center}.team-description p{color:var(--color-text-primary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:center}.how-it-works-page{background:var(--color-background);min-height:100vh}.how-main{padding-top:80px}.how-hero{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;padding:80px 0;text-align:center}.how-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.how-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);opacity:.9}.how-steps{background:var(--color-surface);padding:80px 0}.steps-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative}.step-card{background:var(--color-background);border-radius:15px;display:flex;flex-direction:column;min-height:400px;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.step-number{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:40px}.step-icon{display:block;font-size:3rem;margin:1rem 0}.step-title{color:var(--color-text);font-size:1.5rem;margin-bottom:1rem}.step-description{color:var(--color-text-secondary);flex:1 1;line-height:1.8;margin-bottom:1.5rem}.step-details{list-style:none;margin-top:auto;padding:0;text-align:left}.step-details li{color:var(--color-text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.step-details li:before{color:var(--color-success);content:"✓";left:0;position:absolute}.how-roles{padding:80px 0}.role-section{margin-bottom:60px}.role-section h2{color:var(--color-text);font-size:2rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background:var(--color-surface);border-radius:15px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.feature-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1rem}.feature-item h4{color:var(--color-text);font-size:1.3rem;margin-bottom:1rem}.feature-item p{color:#fff;line-height:1.6}.how-video{background:var(--color-surface);padding:80px 0}.video-section{text-align:center}.video-section h2{color:var(--color-text);font-size:2rem;margin-bottom:1rem}.video-section>p{color:#fff;font-size:1.1rem;margin-bottom:3rem}.video-placeholder{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;transition:all .3s ease}.video-placeholder:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.play-icon{align-items:center;background:#fff3;border-radius:50%;cursor:pointer;display:flex;height:100px;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;width:100px}.play-icon:hover{background:#ffffff4d;transform:scale(1.1)}.play-icon svg{margin-left:5px}.video-placeholder p{color:#fff;font-size:1.2rem}.how-cta{padding:80px 0}.cta-card{background:var(--gradient-primary);border-radius:20px;color:#fff;margin:0 auto;max-width:800px;padding:4rem;text-align:center}.cta-card h2{font-size:2.5rem;margin-bottom:1rem}.cta-card p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-button{background:#fff;border:none;border-radius:50px;color:var(--color-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}@media (max-width:768px){.features-grid,.steps-wrapper{grid-template-columns:1fr}}.lunarclass-page{background:var(--color-background);min-height:100vh}.lunar-main{padding-top:80px}.lunar-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:62px 0;position:relative;text-align:center}.lunar-hero:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 50%);content:"";height:300%;position:absolute;width:300%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.lunar-title{font-size:clamp(4rem,8vw,6rem);font-weight:800;margin-bottom:1rem;position:relative;z-index:1}.brand-text{-webkit-text-fill-color:#0000;animation:shine 3s linear infinite;background:linear-gradient(45deg,#fff,gold,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}@keyframes shine{to{background-position:-200% 0}}.lunar-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);opacity:.9;position:relative;z-index:1}.lunar-story{padding:80px 0}.story-content{margin:0 auto;max-width:800px;text-align:center}.story-content h2{color:var(--color-text);font-size:2.5rem;margin-bottom:2rem}.story-content .lead{color:var(--color-primary);font-size:1.3rem;font-weight:500;margin-bottom:2rem}.story-content p{color:var(--color-text-primary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.lunar-values{background:var(--color-surface);padding:80px 0}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{background:var(--color-background);border-radius:20px;cursor:pointer;padding:2.5rem;text-align:center;transition:all .3s ease}.value-card:hover{background:linear-gradient(135deg,var(--color-background) 0,var(--color-surface) 100%);box-shadow:var(--shadow-lg)}.value-icon{display:block;font-size:3.5rem;margin-bottom:1.5rem}.value-card h3{color:var(--color-text);font-size:1.5rem;margin-bottom:1rem}.value-card p{color:var(--color-text-primary);line-height:1.6}.lunar-features{background:var(--color-surface);padding:80px 0}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.feature-card{background:var(--color-background);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:380px;padding:2rem;transition:all .3s ease}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon svg{color:#fff;height:40px;width:40px}.feature-card h3{color:var(--color-text);font-size:1.3rem;margin-bottom:.5rem}.feature-description{color:var(--color-text-secondary);flex:1 1;line-height:1.6;margin:1rem 0}.feature-details{list-style:none;margin-top:auto;padding:1.5rem 0 0}.feature-details li{color:var(--color-text-secondary);font-size:.95rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-details li:before{color:var(--color-primary);content:"✓";left:0;position:absolute}.lunar-comparison{background:var(--color-background);padding:80px 0}.features-comparison{margin:0 auto;max-width:1200px}.features-comparison h2{color:var(--color-text);font-size:2.5rem;margin-bottom:3rem;text-align:center}.comparison-table{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a;overflow:hidden;width:100%}.comparison-table thead{background:var(--gradient-primary);color:#fff}.comparison-table th{font-size:1.1rem;font-weight:600;padding:1.5rem;text-align:left}.comparison-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .3s ease}.comparison-table tbody tr:hover{background:var(--color-background)}.comparison-table td{color:var(--color-text-secondary);padding:1.25rem 1.5rem}.comparison-table td:first-child{color:var(--color-text);font-weight:600}.comparison-table .check{color:var(--color-primary);font-weight:600}.lunar-tech{padding:80px 0}.tech-content{text-align:center}.tech-content h2{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem}.tech-intro{color:var(--color-text-primary);font-size:1.2rem;margin-bottom:3rem}.tech-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px}.tech-item{align-items:center;background:var(--color-surface);border-radius:15px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.tech-item:hover{background:var(--gradient-primary);color:#fff}.tech-icon{font-size:2.5rem}.tech-info h4{font-size:1.2rem;margin-bottom:.25rem}.tech-category{font-size:.9rem;opacity:.8}.tech-item:hover .tech-category,.tech-item:hover .tech-info h4{color:#fff}.lunar-achievements{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;padding:80px 0}.lunar-achievements .section-title{color:#fff}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.achievement-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center}.achievement-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.achievement-label{font-size:1.1rem;opacity:.95}.achievements-cta{margin-top:4rem;text-align:center}.achievements-cta h3{color:#fff;font-size:2rem;margin-bottom:1rem}.achievements-cta p{color:#fff;font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.achievements-cta .cta-button{background:#fff;border:none;border-radius:50px;box-shadow:0 10px 30px #0003;color:var(--color-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.achievements-cta .cta-button:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-2px)}.lunar-team{padding:80px 0}.team-content{text-align:center}.team-content h2{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem}.team-intro{color:var(--color-text-primary);font-size:1.2rem;line-height:1.8;margin:0 auto 3rem;max-width:600px}.team-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:600px}.stat-item{background:var(--color-surface);border-radius:15px;padding:2rem;transition:all .3s ease}.stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.stat-icon{display:block;font-size:3rem;margin-bottom:1rem}.stat-item h4{color:var(--color-primary);font-size:2rem;margin-bottom:.5rem}.stat-item p{color:var(--color-text-primary)}.lunar-cta{background:var(--color-surface);padding:80px 0}.cta-content{margin:0 auto;max-width:700px;text-align:center}.cta-content h2{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem}.cta-content p{color:var(--color-text-primary);font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-secondary{background:#0000;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-primary:hover,.btn-secondary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.values-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.achievements-grid{grid-template-columns:1fr}}.roadmap-page{background:var(--color-background);min-height:100vh}.roadmap-main{padding-top:80px}.roadmap-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.roadmap-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.roadmap-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);opacity:.9}.roadmap-controls{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:40px 0}.controls-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.view-switcher,.year-filter{display:flex;gap:1rem}.view-switcher button,.year-filter button{background:var(--color-background);border:2px solid var(--color-border);border-radius:50px;color:var(--color-text);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.view-switcher button:hover,.year-filter button:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.view-switcher button.active,.year-filter button.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.roadmap-content{padding:80px 0}.timeline-view{margin:0 auto;max-width:1200px;position:relative}.timeline-view:before{background:var(--gradient-primary);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{display:flex;margin-bottom:60px;position:relative}.timeline-item.left{justify-content:flex-start;padding-right:50%}.timeline-item.right{justify-content:flex-end;padding-left:50%}.timeline-marker{align-items:center;background:var(--gradient-primary);border-radius:50px;color:#fff;display:flex;font-weight:600;gap:.5rem;left:50%;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%);z-index:2}.quarter{font-size:1.2rem}.year{font-size:.9rem;opacity:.9}.timeline-card{background:var(--color-surface);border-radius:15px;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;width:90%}.timeline-card:hover{box-shadow:var(--shadow-lg)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{color:var(--color-text);font-size:1.5rem}.status-badge{border-radius:50px;color:#fff;font-size:.9rem;font-weight:500;padding:.25rem 1rem}.card-description{color:var(--color-text-primary);line-height:1.8;margin-bottom:1.5rem}.progress-bar{background:var(--color-border);border-radius:50px;height:8px;margin-bottom:1.5rem;overflow:hidden;position:relative}.progress-fill{background:var(--gradient-primary);border-radius:50px;height:100%;transition:width .5s ease}.progress-text{color:var(--color-text-primary);font-size:.9rem;position:absolute;right:10px;top:-25px}.feature-list{list-style:none;padding:0}.feature-list li{align-items:center;color:var(--color-text-primary);display:flex;gap:.5rem;padding:.5rem 0}.feature-icon{color:var(--color-primary);font-weight:700}.kanban-view{overflow-x:auto}.kanban-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);min-width:900px}.kanban-column{background:var(--color-surface);border-radius:15px;min-height:500px;padding:1.5rem}.column-title{align-items:center;color:var(--color-text);display:flex;font-size:1.3rem;gap:.5rem;margin-bottom:1.5rem}.status-dot{border-radius:50%;height:12px;width:12px}.column-cards{display:flex;flex-direction:column;gap:1rem}.kanban-card{background:var(--color-background);border-radius:10px;cursor:move;padding:1.5rem;transition:all .3s ease}.kanban-card:hover{box-shadow:var(--shadow-md)}.card-quarter{color:var(--color-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.kanban-card h4{color:var(--color-text);font-size:1.2rem;margin-bottom:.5rem}.kanban-card p{color:var(--color-text-primary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.mini-progress{background:var(--color-border);border-radius:50px;height:4px;margin-bottom:1rem;overflow:hidden}.mini-progress-fill{background:var(--gradient-primary);border-radius:50px;height:100%}.card-features{color:var(--color-text-primary);font-size:.9rem}.roadmap-feedback{background:var(--color-surface);padding:80px 0}.feedback-card{margin:0 auto;max-width:600px;text-align:center}.feedback-card h2{color:var(--color-text);font-size:2rem;margin-bottom:1rem}.feedback-card p{color:var(--color-text-primary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.feedback-button{background:var(--gradient-primary);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.feedback-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:992px){.timeline-view:before{left:30px}.timeline-item{padding-left:80px!important;padding-right:0!important}.timeline-marker{left:30px}.timeline-card{width:100%}}@media (max-width:768px){.controls-wrapper{justify-content:center}.kanban-columns{grid-template-columns:1fr;min-width:100%}}.faq-page{background:var(--color-background);min-height:100vh}.faq-main{padding-top:80px}.faq-hero{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;padding:80px 0;text-align:center}.faq-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.faq-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:3rem;opacity:.9}.search-bar{margin:0 auto;max-width:600px;position:relative}.search-input{background:#fffffff2;border:none;border-radius:50px;color:var(--color-text);font-size:1.1rem;padding:1.2rem 3rem 1.2rem 1.5rem;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;box-shadow:0 0 0 3px #ffffff4d;outline:none}.search-input::placeholder{color:var(--color-text-primary)}.search-icon{font-size:1.5rem;pointer-events:none;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.faq-content{padding:60px 0}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-btn{align-items:center;background:var(--color-surface);border:2px solid #0000;border-radius:50px;color:var(--color-text);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.category-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff}.category-icon{font-size:1.2rem}.category-name{font-weight:500}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:var(--color-surface);border-radius:15px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{align-items:center;background:#0000;border:none;color:var(--color-text);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:var(--color-surface-hover)}.question-text{flex:1 1;font-size:1.1rem;font-weight:500;margin-right:1rem}.toggle-icon{color:var(--color-primary);font-size:1.5rem;transition:transform .3s ease}.faq-answer{overflow:hidden}.faq-answer p{color:var(--color-text-primary);font-size:1rem;line-height:1.8;padding:0 1.5rem 1.5rem}.no-results{padding:4rem 2rem;text-align:center}.no-results-icon{display:block;font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:var(--color-text);font-size:1.5rem;margin-bottom:.5rem}.no-results p{color:var(--color-text-primary)}.faq-contact{background:var(--color-surface);padding:80px 0}.contact-card{margin:0 auto;max-width:900px;text-align:center}.contact-card h2{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem}.contact-card>p{color:var(--color-text-primary);font-size:1.2rem;line-height:1.8;margin:0 auto 3rem;max-width:600px}.contact-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-option{background:var(--color-background);border-radius:15px;cursor:pointer;padding:2rem;transition:all .3s ease}.contact-option:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.option-icon{display:block;font-size:3rem;margin-bottom:1rem}.contact-option h4{color:var(--color-text);font-size:1.3rem;margin-bottom:.5rem}.contact-option p{color:var(--color-text-primary);font-size:.95rem}@media (max-width:768px){.category-filters{gap:.5rem;justify-content:flex-start;overflow-x:auto;padding:0 1rem}.category-btn{flex-shrink:0}.faq-question{padding:1.2rem 1rem}.question-text{font-size:1rem}.contact-options{grid-template-columns:1fr}}.download-page{background:var(--color-background);min-height:100vh}.download-main{padding-top:80px}.download-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:120px 0;position:relative}.download-hero:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{margin-bottom:60px;position:relative;text-align:center;z-index:1}.download-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;background-clip:text}.download-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);margin:0 auto;max-width:600px;opacity:.95}.download-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;position:relative;z-index:1}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;padding:2rem 3rem;transition:all .3s ease}.stat-card:hover{background:#ffffff40;transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1rem;opacity:.9}.download-platforms{padding:80px 0}.section-title{color:var(--color-text);font-size:2.5rem;margin-bottom:3rem;text-align:center}.os-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.os-tab{align-items:center;border:2px solid #0000;border-radius:50px;color:var(--color-text);cursor:pointer;display:flex;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.os-tab,.os-tab.mobile{background:var(--color-surface)}.os-tab:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.os-tab.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff}.os-icon{font-size:1.5rem}.download-card{background:var(--color-surface);border-radius:20px;box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:3rem}.download-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.platform-icon{font-size:4rem}.platform-info h3{color:var(--color-text);font-size:2rem;margin-bottom:.5rem}.platform-info p{color:var(--color-text-primary)}.platform-features,.system-requirements{margin-bottom:2rem}.platform-features h4,.system-requirements h4{color:var(--color-text);font-size:1.2rem;margin-bottom:1rem}.platform-features ul,.system-requirements ul{list-style:none;padding:0}.platform-features li,.system-requirements li{color:var(--color-text-primary);padding:.5rem 0}.platform-features li{align-items:center;display:flex;gap:.5rem}.feature-check{color:var(--color-success);font-weight:700}.download-button{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;padding:1.2rem 2rem;transition:all .3s ease;width:100%}.download-button.primary{background:var(--gradient-primary);color:#fff}.download-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.download-icon{font-size:1.5rem}.store-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;width:100%}.store-button.google-play{background:#000;color:#fff}.store-button.google-play:hover{background:#333;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.store-button.app-store{background:#000;color:#fff}.store-button.app-store:hover{background:#333;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.store-logo{height:24px;width:24px}.download-features{padding:80px 0}.features-highlight{text-align:center}.features-highlight h2{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem}.features-highlight>p{color:var(--color-text-primary);font-size:1.2rem;line-height:1.8;margin:0 auto 3rem;max-width:600px}.sync-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.sync-card{background:var(--color-surface);border-radius:15px;padding:2rem;transition:all .3s ease}.sync-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.sync-icon{display:block;font-size:3rem;margin-bottom:1rem}.sync-card h4{color:var(--color-text);font-size:1.3rem;margin-bottom:.5rem}.sync-card p{color:var(--color-text-primary)}@media (max-width:768px){.download-stats{gap:1.5rem}.stat-card{padding:1.5rem 2rem}.os-selector{align-items:center;flex-direction:column}.os-tab{width:200px}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}
/*# sourceMappingURL=main.89d76ea9.css.map*/