@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-500:#fe6e00;--color-amber-50:#fffbeb;--color-amber-100:#fef3c6;--color-amber-600:#dd7400;--color-emerald-50:#ecfdf5;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-400:#00d294;--color-emerald-600:#009767;--color-blue-100:#dbeafe;--color-blue-600:#155dfc;--color-purple-100:#f3e8ff;--color-purple-600:#9810fa;--color-rose-200:#ffccd3;--color-rose-500:#ff2357;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-rose-200:lab(86.806% 19.1909 4.07754);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.mx-auto{margin-inline:auto}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.min-h-\[calc\(100vh-64px\)\]{min-height:calc(100vh - 64px)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.animate-spin{animation:var(--animate-spin)}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-t-white{border-top-color:var(--color-white)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-12{padding:calc(var(--spacing)*12)}.p-16{padding:calc(var(--spacing)*16)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-amber-600{color:var(--color-amber-600)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-purple-600{color:var(--color-purple-600)}.text-white{color:var(--color-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-rose-200:hover{--tw-shadow-color:#ffccd3}@supports (color:lab(0% 0 0)){.hover\:shadow-rose-200:hover{--tw-shadow-color:lab(86.806% 19.1909 4.07754)}}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-rose-200:hover{--tw-shadow-color:color-mix(in oklab,var(--color-rose-200)var(--tw-shadow-alpha),transparent)}}}.focus\:border-emerald-400:focus{border-color:var(--color-emerald-400)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--bg-deep:#0a0e1a;--bg-card:#111827;--bg-card-hover:#1a2236;--accent-cyan:#22d3ee;--accent-emerald:#34d399;--accent-violet:#a78bfa;--accent-amber:#fbbf24;--accent-rose:#fb7185;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#94a3b81a;--glow-cyan:#22d3ee26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);font-family:Noto Sans KR,sans-serif;line-height:1.7;overflow-x:hidden}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0e1ad9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent-cyan)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent-cyan)}.nav-cta{background:var(--accent-cyan);color:var(--bg-deep);border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.9}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(at 30% 40%,#22d3ee12 0%,#0000 50%),radial-gradient(at 70% 60%,#34d3990d 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite bgFloat;position:absolute;top:-50%;left:-50%}@keyframes bgFloat{0%,to{transform:translate(0)}50%{transform:translate(1%,-1%)}}.hero-content{z-index:1;max-width:850px;position:relative}.hero-badge{color:var(--accent-cyan);background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:.85rem;animation:.8s ease-out fadeUp;display:inline-flex}.hero-badge .dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.hero h1{margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.25;animation:.8s ease-out .1s both fadeUp}.hero h1 .cyan{color:var(--accent-cyan)}.hero h1 .emerald{color:var(--accent-emerald)}.hero h1 .hero-small{color:var(--text-secondary);font-size:.55em;font-weight:600}.hero-sub{color:var(--text-secondary);max-width:600px;margin:0 auto 1rem;font-size:1.2rem;animation:.8s ease-out .2s both fadeUp}.hero-points{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2.5rem;animation:.8s ease-out .25s both fadeUp;display:flex}.hero-points span{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.hero-points .icon{font-size:1.1rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.8s ease-out .3s both fadeUp;display:flex}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-emerald));color:var(--bg-deep);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22d3ee4d}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-cyan);background:#ffffff0d}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.trust-bar{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;gap:3rem;max-width:900px;margin:0 auto;padding:2rem;font-size:.9rem;display:flex}.trust-bar span{align-items:center;gap:.4rem;display:flex}section{text-align:center;max-width:1100px;margin:0 auto;padding:5rem 2rem}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:.8rem;font-size:.78rem;font-weight:600;display:inline-block}.section-title{margin-bottom:.8rem;font-family:Outfit,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.3}.section-desc{color:var(--text-secondary);text-align:center;max-width:550px;margin:0 auto 2.5rem;font-size:1rem}.flow-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2rem;display:grid;position:relative}.flow-grid:before{content:"";background:linear-gradient(90deg,var(--accent-cyan),var(--accent-emerald),var(--accent-violet),var(--accent-amber));opacity:.2;z-index:0;height:2px;position:absolute;top:50px;left:10%;right:10%}.flow-step{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);z-index:1;border-radius:16px;padding:2rem 1.2rem;transition:all .3s;position:relative}.flow-step:hover{background:var(--bg-card-hover);transform:translateY(-3px)}.flow-num{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;display:flex}.flow-step:first-child .flow-num{color:var(--accent-cyan);background:#22d3ee26}.flow-step:nth-child(2) .flow-num{color:var(--accent-emerald);background:#34d39926}.flow-step:nth-child(3) .flow-num{color:var(--accent-violet);background:#a78bfa26}.flow-step:nth-child(4) .flow-num{color:var(--accent-amber);background:#fbbf2426}.flow-icon{margin-bottom:.8rem;font-size:1.8rem}.flow-step h4{margin-bottom:.4rem;font-size:.95rem;font-weight:700}.flow-step p{color:var(--text-secondary);font-size:.82rem}.value-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}.value-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:left;border-radius:16px;padding:2rem;transition:all .3s}.value-card:hover{background:var(--bg-card-hover)}.value-card .icon{margin-bottom:1rem;font-size:1.6rem}.value-card h4{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.value-card p{color:var(--text-secondary);font-size:.9rem}.value-card.highlight{border-color:var(--accent-cyan);background:linear-gradient(180deg,#22d3ee0a,var(--bg-card))}.modules-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem;display:grid}.module-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:14px;padding:1.5rem;transition:all .3s}.module-card:hover{background:var(--bg-card-hover);border-color:#22d3ee4d;transform:translateY(-2px)}.module-tags{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.8rem;display:flex}.tag{border-radius:100px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.tag.physics{color:var(--accent-cyan);background:#22d3ee1a}.tag.chemistry{color:var(--accent-emerald);background:#34d3991a}.tag.biology{color:var(--accent-amber);background:#fbbf241a}.tag.offline{color:var(--accent-rose);background:#fb71851a}.tag.sim-only{color:var(--accent-cyan);background:#22d3ee1a}.module-card h4{margin-bottom:.3rem;font-size:.95rem;font-weight:700}.module-card p{color:var(--text-secondary);margin-bottom:.8rem;font-size:.82rem}.module-flow{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.3rem;padding-top:.8rem;display:flex}.module-flow span{color:var(--accent-cyan);background:#22d3ee14;border-radius:100px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.module-flow .flow-arrow{color:var(--text-muted);background:0 0;padding:0;font-size:.65rem}.cta-section{text-align:center;padding:5rem 2rem;position:relative}.cta-section:before{content:"";background:radial-gradient(#22d3ee0f,#0000 70%);position:absolute;inset:0}.programs-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.program-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:left;border-radius:16px;padding:2rem;transition:all .3s}.program-card:hover{background:var(--bg-card-hover)}.program-card.featured-border{border-color:#22d3ee33}.program-tags{gap:.4rem;margin-bottom:1rem;display:flex}.program-icon{margin-bottom:.8rem;font-size:1.8rem}.program-card h4{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.program-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.88rem}.program-features{flex-direction:column;gap:.4rem;list-style:none;display:flex}.program-features li{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.howto-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.howto-step{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem 1.5rem;transition:all .3s}.howto-step:hover{background:var(--bg-card-hover);transform:translateY(-3px)}.howto-num{width:40px;height:40px;color:var(--accent-cyan);background:#22d3ee26;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;display:flex}.howto-step h4{margin-bottom:.5rem;font-size:1rem;font-weight:700}.howto-step p{color:var(--text-secondary);text-align:left;font-size:.85rem}.faq-list{flex-direction:column;gap:.6rem;max-width:750px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:left;border-radius:12px;transition:all .2s;overflow:hidden}.faq-item[open]{border-color:#22d3ee4d}.faq-item summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent-cyan);font-size:1.2rem;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text-secondary);padding:0 1.4rem 1.2rem;font-size:.88rem;line-height:1.7}.contact-section{text-align:center}.legal-page{max-width:800px;min-height:100vh;margin:0 auto;padding:4rem 2rem}.legal-back{color:var(--accent-cyan);margin-bottom:2rem;font-size:.85rem;text-decoration:none;display:inline-block}.legal-back:hover{text-decoration:underline}.legal-section{border-top:1px solid var(--border-subtle);max-width:800px;margin:0 auto;padding:3rem 2rem}.legal-title{color:var(--text-primary);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.legal-content h4{color:var(--text-primary);margin-top:1.2rem;margin-bottom:.4rem;font-size:.9rem;font-weight:700}.legal-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.8}footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);max-width:1100px;margin:0 auto;padding:2.5rem 2rem;font-size:.82rem}footer a{color:var(--text-secondary);text-decoration:none}footer a:hover{color:var(--accent-cyan)}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.inquiry-section{position:relative}.inquiry-section:before{content:"";pointer-events:none;background:radial-gradient(#22d3ee0a,#0000 70%);position:absolute;inset:0}.inquiry-form{text-align:left;flex-direction:column;gap:1.2rem;max-width:700px;margin:0 auto;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:10px;padding:.75rem 1rem;font-family:Noto Sans KR,sans-serif;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-cyan);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px}.program-checkboxes{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.3rem;display:grid}.checkbox-label{cursor:pointer;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.85rem;transition:all .2s;display:flex}.checkbox-label:hover{border-color:#22d3ee4d}.checkbox-label input[type=checkbox]{accent-color:var(--accent-cyan);cursor:pointer;width:16px;height:16px}.checkbox-label input[type=checkbox]:checked+span{color:var(--text-primary)}.program-offline{border-left:3px solid var(--accent-rose)}.program-offline:hover{border-color:var(--accent-rose);border-left:3px solid var(--accent-rose)}.program-module{border-left:3px solid var(--accent-cyan)}.program-module:hover{border-color:var(--accent-cyan);border-left:3px solid var(--accent-cyan)}.program-online{border-left:3px solid var(--accent-emerald)}.program-online:hover{border-color:var(--accent-emerald);border-left:3px solid var(--accent-emerald)}.quote-check{background:#22d3ee0d;border-color:#22d3ee33;padding:.8rem 1rem;font-size:.95rem}.submit-btn{justify-content:center;width:100%;margin-top:.5rem;padding:1rem;font-size:1.05rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-error{text-align:center;color:var(--accent-rose);margin-top:.5rem;font-size:.85rem}.inquiry-success{text-align:center;background:var(--bg-card);border:1px solid #34d3994d;border-radius:16px;max-width:500px;margin:0 auto;padding:3rem 2rem}.service-type-selector{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.3rem;display:grid}.service-type-option{cursor:pointer;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:12px;align-items:center;gap:.8rem;padding:1rem 1.2rem;transition:all .2s;display:flex}.service-type-option:hover{border-color:#22d3ee4d}.service-type-option.selected{border-color:var(--accent-cyan);background:#22d3ee0d}.service-type-option input[type=radio]{display:none}.service-type-icon{font-size:1.5rem}.service-type-text{flex-direction:column;gap:.1rem;display:flex}.service-type-text strong{color:var(--text-primary);font-size:.9rem}.service-type-text small{color:var(--text-muted);font-size:.75rem}.inquiry-success .success-icon{margin-bottom:1rem;font-size:3rem}.inquiry-success h3{color:var(--accent-emerald);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.inquiry-success p{color:var(--text-secondary);font-size:.95rem}@media (max-width:600px){.form-row,.program-checkboxes,.service-type-selector{grid-template-columns:1fr}}.class-page,.join-page{background:var(--bg-primary);min-height:100vh}.class-header,.join-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex}.class-logo{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none}.class-logo span{color:var(--accent-cyan)}.class-header-right{align-items:center;gap:1rem;display:flex}.class-teacher-name{color:var(--text-secondary);font-size:.85rem}.class-content,.join-content{max-width:1100px;margin:0 auto;padding:2rem}.class-input{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.7rem 1rem;font-size:.9rem}.class-input:focus{border-color:var(--accent-cyan)}.class-input::placeholder{color:var(--text-muted)}textarea.class-input{resize:vertical;font-family:inherit}.class-btn{padding:.7rem 1.5rem;font-size:.9rem}.btn-sm{cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.8rem}.btn-ghost{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0}.btn-ghost:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.class-center{justify-content:center;align-items:center;min-height:70vh;display:flex}.class-empty{text-align:center;color:var(--text-muted);padding:3rem;font-size:.9rem}.class-login-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2.5rem;display:flex}.class-login-card h2{font-size:1.3rem;font-weight:700}.class-login-card p{color:var(--text-secondary);font-size:.85rem}.class-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.class-section-header h2{font-size:1.2rem;font-weight:700}.class-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.class-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:12px;padding:1.2rem;transition:border-color .2s}.class-card:hover{border-color:var(--accent-cyan)}.class-card-code{color:var(--accent-cyan);letter-spacing:.1em;margin-bottom:.3rem;font-family:Outfit,monospace;font-size:1.1rem;font-weight:700}.class-card h4{margin-bottom:.3rem;font-size:.9rem}.class-card p{color:var(--text-muted);font-size:.8rem}.class-create-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.class-create-panel h3{margin-bottom:1rem;font-size:1rem;font-weight:700}.class-form-row{margin-bottom:1rem}.class-form-row label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.class-form-actions{gap:.8rem;margin-top:1rem;display:flex}.class-exp-select{flex-direction:column;gap:.5rem;display:flex}.class-exp-btn{background:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-primary);text-align:left;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:.85rem;transition:border-color .2s;display:flex}.class-exp-btn.active{border-color:var(--accent-cyan);background:#22d3ee0d}.class-exp-subject{color:var(--accent-cyan);background:#22d3ee1a;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.class-code-display{text-align:center}.class-code-display h3{color:var(--accent-emerald);margin-bottom:.5rem;font-size:1.1rem}.class-code-big{letter-spacing:.2em;color:var(--accent-cyan);margin:1rem 0;font-family:Outfit,monospace;font-size:2.5rem;font-weight:700}.class-code-url{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}.class-code-badge{color:var(--accent-cyan);background:#22d3ee1a;border-radius:6px;padding:.3rem .6rem;font-family:monospace;font-size:.85rem}.class-student-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;padding:1rem;transition:border-color .2s}.class-student-card:hover,.class-student-card.active{border-color:var(--accent-cyan)}.class-student-name{margin-bottom:.3rem;font-size:.95rem;font-weight:700}.class-status{border-radius:4px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.class-status.completed{color:var(--accent-emerald);background:#34d3991a}.class-status.in-progress{color:var(--accent-amber);background:#fbbf241a}.class-student-score{color:var(--text-secondary);margin-top:.3rem;font-size:.82rem}.class-report-badge{color:var(--accent-violet);background:#a78bfa1a;border-radius:4px;margin-top:.3rem;padding:.15rem .4rem;font-size:.7rem;display:inline-block}.class-stats-bar{background:var(--bg-card);color:var(--text-secondary);border-radius:8px;gap:2rem;margin-bottom:1.5rem;padding:.8rem 1.2rem;font-size:.85rem;display:flex}.student-detail-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.detail-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1.2rem}.detail-card h4{color:var(--accent-cyan);margin-bottom:.8rem;font-size:.9rem;font-weight:700}.detail-stat{justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;display:flex}.detail-stat span{color:var(--text-secondary)}.detail-stat strong{color:var(--text-primary)}.detail-empty{color:var(--text-muted);font-size:.85rem}.detail-notes{margin-top:.5rem}.detail-notes span{color:var(--text-muted);font-size:.8rem}.detail-notes p{color:var(--text-secondary);margin-top:.2rem;font-size:.82rem}.detail-sim-entry{border-bottom:1px solid var(--border-subtle);padding:.3rem 0;font-size:.8rem}.detail-sim-vars{color:var(--text-secondary)}.detail-sim-note{color:var(--text-muted);font-size:.78rem}.detail-more{color:var(--text-muted);margin-top:.3rem;font-size:.78rem}.detail-lab-entry{border-bottom:1px solid var(--border-subtle);padding:.4rem 0;font-size:.82rem}.detail-measurements{flex-wrap:wrap;gap:.8rem;display:flex}.detail-measurements span{color:var(--text-secondary)}.detail-obs{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.detail-quiz-ans{border-radius:6px;margin-bottom:.3rem;padding:.5rem;font-size:.82rem}.detail-quiz-ans.correct{background:#34d3990d}.detail-quiz-ans.wrong{background:#fb71850d}.detail-quiz-q{color:var(--text-secondary);margin-bottom:.2rem}.detail-quiz-a{color:var(--text-primary)}.detail-quiz-correct{color:var(--accent-emerald);font-size:.78rem}.score-high{color:var(--accent-emerald)}.score-mid{color:var(--accent-amber)}.score-low{color:var(--accent-rose)}.detail-report-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.detail-report-section h3{margin-bottom:1rem;font-size:1rem;font-weight:700}.detail-report-highlights{flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;display:flex}.detail-highlight-tag{color:var(--accent-violet);background:#a78bfa1a;border-radius:4px;padding:.2rem .6rem;font-size:.75rem}.detail-report-text{background:var(--bg-primary);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;margin-bottom:.5rem;padding:1rem;font-family:inherit;font-size:.88rem;line-height:1.7}.join-class-info{color:var(--text-secondary);font-size:.85rem}.join-progress{justify-content:center;gap:0;max-width:700px;margin:0 auto;padding:1.2rem 2rem;display:flex}.join-progress-step{flex-direction:column;flex:1;align-items:center;gap:.3rem;display:flex;position:relative}.join-progress-step:not(:last-child):after{content:"";background:var(--border-subtle);z-index:0;width:100%;height:2px;position:absolute;top:14px;left:50%}.join-progress-step.done:not(:last-child):after{background:var(--accent-emerald)}.join-progress-dot{z-index:1;background:var(--bg-card);border:2px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.join-progress-step.active .join-progress-dot{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#22d3ee1a}.join-progress-step.done .join-progress-dot{border-color:var(--accent-emerald);color:var(--accent-emerald);background:#34d3991a}.join-progress-step span{color:var(--text-muted);font-size:.7rem}.join-progress-step.active span{color:var(--accent-cyan);font-weight:600}.join-entry-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;border-radius:16px;flex-direction:column;gap:.8rem;max-width:400px;margin:2rem auto;padding:2.5rem;display:flex}.join-entry-card h2{font-size:1.3rem;font-weight:700}.join-entry-card p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.join-code-input{text-align:center;letter-spacing:.15em;font-size:1.2rem;font-weight:700}.join-error{color:var(--accent-rose);font-size:.85rem}.join-step-panel{max-width:750px;margin:0 auto}.join-step-header{margin-bottom:1.5rem}.join-step-header h2{margin-bottom:.3rem;font-size:1.2rem;font-weight:700}.join-step-header p{color:var(--text-secondary);font-size:.88rem}.join-next-btn{width:100%;margin-top:2rem}.join-objectives{background:#22d3ee0d;border:1px solid #22d3ee26;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.join-objectives h4{color:var(--accent-cyan);margin-bottom:.5rem;font-size:.85rem}.join-objectives li{color:var(--text-secondary);padding:.2rem 0;font-size:.85rem}.join-prelearning-sections{flex-direction:column;gap:.6rem;margin-bottom:1.5rem;display:flex}.join-section-detail{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.join-section-detail summary{cursor:pointer;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.9rem;font-weight:600;list-style:none;display:flex}.join-section-detail summary::-webkit-details-marker{display:none}.join-section-detail[open] summary{border-bottom:1px solid var(--border-subtle)}.join-section-content{padding:1rem}.join-section-content p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;line-height:1.7}.join-check{color:var(--accent-emerald);font-weight:700}.join-notes{margin-bottom:1rem}.join-notes h4{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600}.sim-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.sim-control{margin-bottom:1.2rem}.sim-control label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.88rem;display:block}.sim-control label strong{color:var(--accent-cyan)}.sim-slider{width:100%;accent-color:var(--accent-cyan);cursor:pointer;appearance:none;background:var(--border-subtle);border-radius:3px;height:6px}.sim-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:18px;height:18px}.sim-range-labels{color:var(--text-muted);justify-content:space-between;margin-top:.3rem;font-size:.7rem;display:flex}.sim-result{background:var(--bg-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.sim-result-value{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sim-result-value span{color:var(--text-secondary);font-size:.85rem}.sim-result-value strong{font-size:1.5rem;font-weight:700}.ph-acid{color:var(--accent-rose)}.ph-base{color:var(--accent-violet)}.ph-neutral{color:var(--accent-emerald)}.sim-indicator{color:var(--text-secondary);margin-bottom:.5rem;font-size:.82rem}.sim-calc{color:var(--text-muted);font-family:monospace;font-size:.8rem}.sim-ph-bar{background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#8b5cf6);border-radius:4px;height:8px;margin-top:.8rem;position:relative}.sim-ph-marker{border:2px solid var(--bg-primary);background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 4px #0000004d}.sim-ph-labels{color:var(--text-muted);justify-content:space-between;margin-top:.4rem;font-size:.65rem;display:flex}.sim-note-row{gap:.5rem;display:flex}.sim-note-row .class-input{flex:1}.sim-condition-btns{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.sim-condition-btn{cursor:pointer;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:6px;padding:.5rem .8rem;font-size:.82rem;transition:all .2s}.sim-condition-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#22d3ee0d}.sim-water-bar{background:var(--bg-primary);border-radius:6px;height:12px;margin:.5rem 0;overflow:hidden}.sim-water-fill{background:linear-gradient(to right,var(--accent-cyan),var(--accent-emerald));border-radius:6px;height:100%;transition:width .3s}.sim-log{margin-top:1rem}.sim-log h4{margin-bottom:.5rem;font-size:.9rem;font-weight:700}.sim-log-list{flex-direction:column;gap:.3rem;display:flex}.sim-log-entry{background:var(--bg-card);border-radius:6px;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.82rem;display:flex}.sim-log-num{color:var(--accent-cyan);min-width:2rem;font-weight:700}.sim-log-vars{color:var(--text-secondary)}.sim-log-result{color:var(--text-primary);font-weight:600}.sim-log-note{color:var(--text-muted);font-style:italic}.lab-steps{flex-direction:column;gap:.4rem;margin-bottom:1.5rem;display:flex}.lab-step{cursor:pointer;color:var(--text-muted);border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:.8rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.lab-step.active{color:var(--text-primary);background:#22d3ee0d;border-color:#22d3ee33}.lab-step.done{color:var(--text-secondary)}.lab-step-num{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.lab-step.active .lab-step-num{border-color:var(--accent-cyan);color:var(--accent-cyan)}.lab-step.done .lab-step-num{border-color:var(--accent-emerald);color:var(--accent-emerald)}.lab-step-text{line-height:1.4}.lab-input-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.lab-input-panel h4{margin-bottom:1rem;font-size:.9rem;font-weight:600}.lab-fields{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem;display:grid}.lab-field label{color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;display:block}.lab-observation{margin-bottom:.8rem}.lab-observation label{color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;display:block}.lab-log{margin-top:1rem}.lab-log h4{margin-bottom:.5rem;font-size:.9rem;font-weight:700}.lab-log-entry{border-bottom:1px solid var(--border-subtle);padding:.5rem 0;font-size:.82rem}.lab-log-step{color:var(--accent-cyan);font-weight:600}.lab-log-data{color:var(--text-secondary);margin-left:.5rem}.lab-log-obs{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.quiz-list{flex-direction:column;gap:1.5rem;display:flex}.quiz-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.2rem}.quiz-item h4{margin-bottom:.8rem;font-size:.9rem;font-weight:600;line-height:1.5}.quiz-type-badge{color:var(--accent-cyan);background:#22d3ee1a;border-radius:4px;margin-left:.5rem;padding:.15rem .4rem;font-size:.7rem;font-weight:400}.quiz-options{flex-direction:column;gap:.4rem;display:flex}.quiz-option{border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.85rem;transition:all .2s;display:flex}.quiz-option:hover{border-color:#22d3ee4d}.quiz-option.selected{border-color:var(--accent-cyan);color:var(--text-primary);background:#22d3ee0d}.quiz-option input[type=radio]{accent-color:var(--accent-cyan)}.join-done-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;max-width:550px;margin:1rem auto;padding:2rem}.join-done-icon{margin-bottom:.5rem;font-size:3rem}.join-done-card h2{margin-bottom:.3rem;font-size:1.4rem;font-weight:700}.join-done-card>p{color:var(--text-secondary);font-size:.9rem}.join-done-summary{background:var(--bg-primary);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.5rem 0;padding:1rem;display:grid}.join-done-stat{text-align:center}.join-done-stat span{color:var(--text-muted);margin-bottom:.2rem;font-size:.75rem;display:block}.join-done-stat strong{font-size:1.1rem}.join-quiz-results{text-align:left;margin-top:1.5rem}.join-quiz-results h4{margin-bottom:.8rem;font-size:.9rem;font-weight:700}.join-quiz-result{border-radius:8px;gap:.8rem;margin-bottom:.4rem;padding:.6rem;display:flex}.join-quiz-result.correct{background:#34d3990d}.join-quiz-result.wrong{background:#fb71850d}.join-quiz-mark{min-width:1.5rem;font-size:1.1rem;font-weight:700}.join-quiz-result.correct .join-quiz-mark{color:var(--accent-emerald)}.join-quiz-result.wrong .join-quiz-mark{color:var(--accent-rose)}.join-quiz-q{color:var(--text-secondary);margin-bottom:.2rem;font-size:.82rem}.join-quiz-a{color:var(--text-primary);font-size:.85rem}.join-quiz-correct{color:var(--accent-emerald);font-size:.8rem}.join-done-msg{color:var(--text-muted);margin-top:1.5rem;font-size:.85rem;line-height:1.6}.admin-tabs{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.admin-tab{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.admin-tab.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#22d3ee0d}.admin-tab:hover{border-color:var(--accent-cyan)}.admin-badge{background:var(--accent-rose);color:#fff;border-radius:100px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.admin-list{flex-direction:column;gap:.4rem;display:flex}.admin-inquiry-row{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1rem;transition:border-color .2s;display:flex}.admin-inquiry-row:hover{border-color:var(--accent-cyan)}.admin-inquiry-main{align-items:center;gap:.6rem;display:flex}.admin-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-inquiry-meta{align-items:center;gap:.8rem;display:flex}.admin-inquiry-type{color:var(--accent-cyan);background:#22d3ee1a;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.admin-status-badge-sm{border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.admin-status-badge{border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.admin-detail-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.admin-detail-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.admin-detail-header h3{font-size:1.1rem;font-weight:700}.admin-detail-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.admin-detail-grid label{color:var(--text-muted);margin-bottom:.2rem;font-size:.75rem;display:block}.admin-detail-grid p{color:var(--text-primary);font-size:.88rem}.admin-teacher-list{flex-direction:column;gap:.6rem;display:flex}.admin-teacher-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.admin-teacher-card.inactive{opacity:.5}.admin-teacher-info{flex:1;min-width:200px}.admin-teacher-pw{color:var(--text-secondary);margin-top:.3rem;font-size:.85rem}.admin-teacher-pw code{color:var(--accent-cyan);letter-spacing:.05em;background:#22d3ee1a;border-radius:4px;padding:.2rem .5rem;font-weight:700}.admin-teacher-meta{flex-direction:column;gap:.2rem;min-width:150px;display:flex}.admin-teacher-actions{gap:.4rem;display:flex}.free-mode-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-top:1rem;padding:1.5rem}.free-question-list{flex-direction:column;gap:.6rem;margin:1rem 0;display:flex}.free-question-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.8rem 1rem;display:flex}.free-question-num{color:var(--accent-cyan);min-width:1.5rem;font-size:.88rem;font-weight:700}.free-question-text{color:var(--text-primary);flex:1;font-size:.88rem}.free-answer-list{flex-direction:column;gap:.4rem;margin-top:.8rem;display:flex}.free-answer-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:.6rem .8rem}.free-answer-name{color:var(--accent-cyan);font-size:.78rem;font-weight:600}.free-answer-text{color:var(--text-secondary);margin-top:.2rem;font-size:.85rem}@media (max-width:900px){.flow-grid{grid-template-columns:1fr 1fr}.flow-grid:before{display:none}.value-grid,.modules-grid,.programs-grid,.howto-grid{grid-template-columns:1fr}.nav-links,.nav-cta{display:none}.trust-bar{gap:1.5rem}}@media (max-width:600px){.flow-grid{grid-template-columns:1fr}.hero-points{flex-direction:column;align-items:center;gap:.8rem}.student-detail-grid,.lab-fields{grid-template-columns:1fr}.join-done-summary{grid-template-columns:repeat(2,1fr)}.join-progress{gap:0;padding:1rem .5rem}.join-progress-step span{font-size:.6rem}.class-stats-bar{flex-direction:column;gap:.5rem}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes spin{to{transform:rotate(360deg)}}