nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;position:relative;z-index:100}.logo{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.2em;color:#fff;text-decoration:none;position:relative;z-index:10001}.nav-menu{display:flex;list-style:none;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:#888;font-size:.85rem;font-weight:500;transition:color .3s}.nav-link:hover{color:#fff}.btn-capsule{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:50px;text-decoration:none;color:#fff;font-size:.8rem;transition:all .3s;background:#ffffff0d}.btn-capsule:hover{background:#ffffff26;border-color:#fff}.mobile-menu-icon{display:none;font-size:1.5rem;cursor:pointer;color:#fff;z-index:101;mix-blend-mode:difference}@media(max-width:768px){nav{padding:1.5rem 2rem}.mobile-menu-icon{display:block;z-index:10001}.nav-menu{display:flex!important;position:fixed!important;top:0;right:-100vw;width:100vw!important;height:100vh!important;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:none;z-index:10000;padding:0;margin:0;mix-blend-mode:normal}.nav-menu.active{right:0!important}.nav-link{font-size:1.2rem;color:#ddd}.nav-link:hover{color:var(--text-gold)}.btn-capsule{background:#1a1a1a;color:var(--text-gold);border:1px solid var(--text-gold);justify-content:center;width:80%;max-width:300px;margin-top:2rem;font-weight:700;padding:15px 30px;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 15px #00000080}.btn-capsule:hover{background:var(--text-gold);color:#000}}.quiz-game-container{height:100%;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}.quiz-home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.quiz-challenge-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2.5rem;margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.quiz-info h2{font-size:2rem;margin-bottom:10px;color:#fff;font-family:var(--font-display)}.quiz-info p{color:#888;font-size:1rem;max-width:500px;line-height:1.6}.quiz-actions{text-align:center;min-width:200px}.quiz-time-est{margin-bottom:20px;color:#666;font-size:.9rem}.recent-history-title{font-size:.9rem;color:#666;margin-bottom:15px;border-bottom:1px solid #222;padding-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.history-list{flex:1;overflow-y:auto;padding-right:5px;max-height:350px}.history-item{display:flex;justify-content:space-between;padding:18px 10px;border-bottom:1px solid #1a1a1a;align-items:center;transition:background .2s}.history-item:hover{background:#ffffff08}.quiz-active-card{max-width:900px;margin:0 auto;width:100%;min-height:600px;display:flex;flex-direction:column}.quiz-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-quit{background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:color .3s}.btn-quit:hover{color:#fff}.quiz-content{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;padding-bottom:2rem}.question-area{text-align:center;margin-bottom:3rem}.question-text{font-size:2.5rem;font-family:var(--font-display);margin-bottom:1rem;color:#fff}.question-hint{color:#888;font-style:italic;font-size:1rem}.quiz-piano-wrapper{position:relative;margin:0 auto 2rem;width:100%;max-width:800px;height:180px}.quiz-piano-container{position:relative;width:100%;height:100%;background:#000}.piano-key{position:absolute;border-radius:0 0 4px 4px;border:1px solid #333;border-top:none;transition:all .2s ease}.key-label{position:absolute;bottom:5px;left:50%;transform:translate(-50%);color:#888;font-size:.6rem;pointer-events:none}.instruction-text{text-align:center;color:#444;font-size:.8rem;margin-top:10px}.quiz-footer{margin-top:auto;text-align:center;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.feedback-container{width:100%;animation:fadeIn .3s ease}.feedback-text{font-weight:700;margin-bottom:20px;font-size:1.2rem;letter-spacing:.05em}.feedback-correct{color:#10b981}.feedback-wrong{color:#ef4444}.btn-submit,.btn-next{background:var(--text-gold);color:#000;border:none;padding:15px 50px;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s}.btn-next{background:#333;color:#fff;border:1px solid #444;padding:12px 30px}.btn-submit:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #c5a0594d}.btn-next:hover{background:#444;border-color:#666}.quiz-result-card{max-width:600px;margin:0 auto;text-align:center;padding:4rem 2rem}.result-eyebrow{color:#666;font-size:.9rem;letter-spacing:.3em;margin-bottom:1rem}.result-title{font-size:2.5rem;color:#fff;margin:0 0 2rem;font-family:var(--font-display)}.score-display{display:inline-flex;align-items:baseline;gap:10px;border:1px solid var(--text-gold);padding:20px 40px;border-radius:12px;background:#c5a0590d;margin-bottom:2.5rem}.score-val{font-size:4rem;color:var(--text-gold);font-weight:700;line-height:1}.score-unit{font-size:1.5rem;color:var(--text-gold)}.result-msg{color:#ccc;font-size:1.1rem;margin-bottom:3rem;font-weight:300}.result-actions{display:flex;gap:15px;justify-content:center}@media screen and (max-width:768px){.quiz-challenge-box{flex-direction:column;align-items:center;text-align:center;padding:2rem}.quiz-info p{margin:0 auto}.quiz-active-card{min-height:auto;padding:1rem}.question-text{font-size:1.8rem}.quiz-piano-wrapper{height:140px;margin-bottom:1.5rem}.btn-submit{width:100%;padding:15px}.quiz-footer{width:100%;min-height:auto;padding-top:1rem}.score-display{padding:15px 30px}.score-val{font-size:3rem}}.dashboard-container{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-void)}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.schedule-content{display:flex;flex:1;gap:40px;min-height:0}.schedule-info{flex:.4;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #333;padding-right:20px}.si-label{font-size:1rem;color:#888;margin-bottom:10px}.si-date{font-size:3.5rem;font-family:Montserrat,sans-serif;font-weight:700;color:var(--text-gold);line-height:1}.si-day{font-size:1.5rem;color:#fff;margin-top:15px}.si-time{font-size:1.2rem;color:#ccc;margin-top:10px}.si-loc{margin-top:30px;color:#666;font-size:.9rem}.si-tbd{font-size:2rem;font-family:Montserrat,sans-serif;font-weight:700;color:#444}.schedule-calendar-wrapper{flex:.6;display:flex;flex-direction:column;min-height:0}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#fff;padding:0 10px}.cal-nav-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1rem}.cal-month-title{font-size:1.1rem;font-weight:600;font-family:Montserrat,sans-serif}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px;margin-bottom:10px;color:#666;font-family:Montserrat,sans-serif;font-size:.8rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;flex:1;overflow-y:auto;align-content:start}.sidebar{width:250px;background:#141414;border-right:1px solid rgba(255,255,255,.1);padding:2rem;display:flex;flex-direction:column;z-index:10;height:100%}.brand{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;margin-bottom:3rem;color:#fff;text-decoration:none}.nav-list{list-style:none;padding:0}.nav-list li{margin-bottom:.5rem}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 15px;color:#888;text-decoration:none;font-size:.9rem;border-radius:8px;transition:all .3s;background:transparent;border:none;width:100%;cursor:pointer;font-family:var(--font-kr)}.nav-item.active,.nav-item:hover{background:#ffffff08;color:var(--text-gold)}.nav-item.active{border-left:2px solid var(--text-gold)}.logout{margin-top:auto;color:#444;text-decoration:none;font-size:.8rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:color .3s}.logout:hover{color:#fff}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto;position:relative;z-index:5;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.dashboard-header h1{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:3px;color:#fff}.dashboard-header p{color:#888;font-size:.9rem}.badge{font-family:Montserrat,sans-serif;font-weight:600;color:var(--text-gold);border:1px solid #8a7030;padding:5px 12px;border-radius:20px;font-size:.8rem}.dashboard-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:100%}.col{display:flex;flex-direction:column;gap:2rem;height:100%}.card{background:#141414;border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:12px}.card-title{font-family:Montserrat,sans-serif;font-size:.9rem;color:var(--text-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;display:block}.note-card{border-left:3px solid var(--text-gold)}.timeline-item{display:flex;gap:20px;margin-bottom:25px;position:relative}.timeline-item:before{content:"";position:absolute;left:24px;top:30px;bottom:-30px;width:1px;background:#333}.timeline-item:last-child:before{display:none}.t-date{width:50px;text-align:right;color:#555;font-weight:700;font-family:Montserrat,sans-serif}.t-content h4{color:#fff;margin-bottom:5px;font-size:1rem}.t-content p{color:#888;font-size:.9rem;margin-bottom:5px}.tag{font-size:.7rem;color:var(--text-gold);background:#c5a0591a;padding:2px 6px;border-radius:4px;display:inline-block;margin-right:5px}.mission-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #222;color:#ccc}.mission-item input[type=checkbox]{accent-color:var(--text-gold);width:16px;height:16px}.practice-card-compact{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;border:1px solid var(--border-dim);border-radius:12px;padding:20px 25px;margin-bottom:20px;box-shadow:0 4px 20px #0000004d}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#888;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--text-gold)}input:checked+.slider:before{transform:translate(26px);background-color:#fff}.mini-tracker{display:flex;gap:5px}.mini-day{width:8px;height:25px;background:#333;border-radius:2px}.mini-day.active{background:var(--text-gold);box-shadow:0 0 5px var(--text-gold)}.dark-input{width:100%;padding:12px;background:#222;border:1px solid #333;color:#fff;border-radius:4px;outline:none;transition:.3s;font-family:var(--font-kr)}.dark-input:focus{border-color:var(--text-gold)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:8px;color:#888;font-size:.9rem}.iframe-container{width:100%;height:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border-dim);background:#000}.iframe-container iframe{width:100%;height:100%;border:none}.video-stats-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a1a1a,#222);border:1px solid rgba(255,255,255,.08);padding:15px 25px;border-radius:12px;margin-bottom:20px}.video-stat-group{display:flex;gap:30px}.video-stat-item{text-align:center;display:flex;flex-direction:column;justify-content:center}.video-stat-value{font-size:1.4rem;font-weight:700;font-family:Montserrat,sans-serif;line-height:1.1}.video-stat-label{font-size:.75rem;color:#666;margin-top:2px;letter-spacing:.5px}@media screen and (max-width:768px){.dashboard-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.sidebar{width:100%;height:auto;padding:1rem 1.5rem;flex-direction:column;justify-content:flex-start;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);z-index:100}.brand{margin-bottom:.5rem;font-size:1.1rem;text-align:left;width:auto}.nav-list{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-list li{margin-bottom:0;flex-shrink:0}.nav-item{padding:8px 16px;font-size:.85rem;background:#ffffff0d;border-radius:20px;justify-content:center;width:auto}.nav-item.active{background:var(--text-gold);color:#000;border-left:none}.logout{display:none}.main-content{padding:1.5rem;overflow:visible;flex:none}.dashboard-grid{display:flex;flex-direction:column;grid-template-columns:1fr;gap:2rem}.col{height:auto}.card{height:auto!important;min-height:auto}.dashboard-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{font-size:1.8rem}.iframe-container{height:300px}.schedule-content{flex-direction:column;gap:2rem}.schedule-info{flex:none;width:100%;border-right:none;border-bottom:1px solid #333;padding-right:0;padding-bottom:2rem}.schedule-calendar-wrapper{flex:none;width:100%;height:auto;min-height:350px}.schedule-card{padding:20px}.video-stats-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.video-stat-group{width:100%;justify-content:space-between;gap:10px}.video-stat-item{text-align:center}.quiz-challenge-box{flex-direction:column;align-items:flex-start;gap:20px;text-align:left;padding:20px}.quiz-challenge-actions{width:100%;text-align:center}.quiz-piano-container{height:120px}}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#ffffff0d}.custom-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-gold)}:root{--bg-dark: #111;--bg-card: #1a1a1a;--gold: #C5A059;--text: #eee;--border: rgba(255, 255, 255, .1)}.admin-container{display:flex;height:100vh;overflow:hidden;background:var(--bg-dark);color:var(--text);font-family:Noto Sans KR,sans-serif}.admin-header{position:fixed;top:0;left:0;width:300px;height:60px;background:#000;z-index:100;border-bottom:1px solid #333;border-right:1px solid #333;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.admin-top-nav{position:fixed;top:0;left:300px;width:calc(100% - 300px);height:60px;background:#111;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding-left:30px;z-index:90}.nav-tab{padding:0 20px;height:60px;display:flex;align-items:center;color:#888;font-weight:600;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.nav-tab.active{color:#fff;border-bottom-color:var(--gold)}.nav-tab:hover{color:#fff}.list-panel{width:300px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#151515;height:calc(100vh - 60px)}.detail-panel{flex:1;padding:30px;overflow:hidden;display:flex;flex-direction:column;gap:30px;width:calc(100vw - 300px);height:calc(100vh - 60px);box-sizing:border-box}.tab-layout{display:flex;gap:30px;height:100%;width:100%;flex:1}.tab-col-left{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding-bottom:20px}.tab-col-right{flex:1.5;display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding-bottom:20px}.tab-col-left.wide{flex:2}.tab-col-right.narrow{flex:1}.slider-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.slider-row span{font-size:.8rem;width:80px}.slider-row input{flex:1;accent-color:var(--gold)}.slider-val{width:30px;text-align:right;font-size:.8rem;color:var(--gold)}.admin-content-wrapper{display:flex;width:100%;margin-top:60px}.search-box{padding:20px;border-bottom:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap}.search-box input,.search-box select{padding:10px;background:#222;border:1px solid #333;color:#fff;border-radius:4px;outline:none}.btn-add-student{width:42px;height:42px;background:var(--gold);color:#000;border:none;border-radius:4px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.btn-add-student:hover{background:#d4b06a}.student-list{flex:1;overflow-y:auto}.student-item{padding:15px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:.2s;display:flex;justify-content:space-between;align-items:center}.student-item:hover,.student-item.active{background:#c5a0591a;border-left:3px solid var(--gold)}.s-name{font-weight:700;font-size:1rem;color:#fff}.s-course{font-size:.8rem;color:#888}.card{background:var(--bg-card);padding:20px;border-radius:8px;border:1px solid var(--border)}.card h3{color:var(--gold);margin-bottom:15px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}label{display:block;font-size:.8rem;color:#aaa;margin-bottom:5px;margin-top:15px}label:first-of-type{margin-top:0}input[type=text],input[type=date],textarea,input[type=time],input[type=password],select{width:100%;padding:10px;background:#222;border:1px solid #333;color:#fff;border-radius:4px;outline:none;color-scheme:dark}::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}optgroup{color:var(--gold);font-weight:700;background:#111}option{color:#fff;background:#222;padding:5px}textarea{height:100px;resize:none}.dark-input{background:#222;border:1px solid #333;color:#fff}.btn-save{width:100%;padding:15px;background:var(--gold);color:#000;border:none;border-radius:4px;font-weight:700;cursor:pointer;margin-top:20px;transition:.2s}.btn-save:hover{background:#d4b06a}.tag-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-btn{padding:5px 10px;border:1px solid #444;border-radius:20px;font-size:.8rem;cursor:pointer;color:#aaa;transition:.2s}.tag-btn:hover{border-color:var(--gold);color:var(--gold)}.tag-btn.selected{background:var(--gold);color:#000;border-color:var(--gold);font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s}.modal-content{background:var(--bg-card);width:400px;padding:30px;border-radius:12px;border:1px solid var(--gold);box-shadow:0 10px 40px #000c;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:10px}.modal-title{font-size:1.2rem;font-weight:700;color:#fff}.btn-close{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer}.btn-close:hover{color:#fff}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge-mini{background:var(--gold);color:#000;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:5px;display:inline-block}.editor-col{flex:2;display:flex;flex-direction:column;gap:20px}.info-col{flex:1;display:flex;flex-direction:column;gap:20px}.wrong-tag{color:#ef4444;background:#ef44441a;padding:2px 6px;border-radius:4px;font-size:.8rem;margin-left:5px}@media screen and (max-width:1024px){.admin-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.admin-header{position:relative;width:100%;border-right:none;padding:0 15px;justify-content:space-between}.admin-top-nav{position:relative;top:0;left:0;width:100%;overflow-x:auto;padding-left:10px;border-bottom:1px solid #333;background:#000;gap:15px;z-index:10;display:block;white-space:nowrap}.nav-tab{display:inline-flex;padding:0 15px;font-size:.85rem}.admin-content-wrapper{flex-direction:column;margin-top:0}.list-panel{width:100%;height:auto;max-height:300px;border-right:none;border-bottom:1px solid #333;margin-top:0}.detail-panel{width:100%;height:auto;padding:20px 20px 100px;margin-top:0}.search-box{padding:15px}.search-box input,.search-box select{flex:1}.slider-row span{width:60px}.card{margin-bottom:20px}.editor-col,.info-col{flex:none;width:100%}.tab-layout{flex-direction:column;gap:20px}.tab-col-left,.tab-col-right{width:100%;flex:none!important}.modal-content{width:90%;max-width:400px}}:root{--bg-void: #0a0a0a;--bg-card: #151515;--text-primary: #ffffff;--text-gold: #D4AF37;--text-gold-dim: #8a7030;--text-muted: #bbb;--font-display: "Montserrat", sans-serif;--font-kr: "Noto Sans KR", sans-serif}.level-test-container{width:100%;max-width:500px;min-height:100vh;background:var(--bg-void);display:flex;flex-direction:column;position:relative;z-index:20;margin:0 auto}@media(min-width:500px){.level-test-container{min-height:90vh;max-height:900px;border:1px solid #333;border-radius:20px;overflow:hidden;margin:2rem auto;box-shadow:0 0 50px #000c}}.lt-header{padding:2rem;text-align:center;position:relative;z-index:30}.lt-brand-logo{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.2em;color:var(--text-gold);text-decoration:none;text-transform:uppercase}.img-hero-box{width:100%;height:auto;overflow:hidden;border-radius:12px;margin-bottom:1.5rem;position:relative;box-shadow:0 10px 30px #00000080;line-height:0}.img-hero-box img{width:100%;height:auto;display:block;border-radius:12px}.screen{display:none;flex-direction:column;padding:2rem;animation:fadeIn .5s ease forwards;flex:1;justify-content:center}.screen.active{display:flex}#screen-result{justify-content:flex-start;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lt-h1{font-family:var(--font-kr);font-size:1.8rem;font-weight:700;line-height:1.35;margin-bottom:.8rem;color:#fff;letter-spacing:-.02em;text-align:center}.lt-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:2rem;font-weight:400;line-height:1.6;text-align:center}.lt-eyebrow{font-family:var(--font-display);color:var(--text-gold);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.3rem;display:block}.btn-cta{background:var(--text-gold);color:#000;border:none;width:100%;padding:1.1rem;font-size:1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem;box-shadow:0 4px 12px #c5a05940;display:flex;justify-content:center;align-items:center;text-decoration:none}.btn-cta:active{transform:scale(.98)}.btn-secondary{background:transparent;color:#888;border:none;width:100%;padding:.6rem;margin-top:.3rem;cursor:pointer;font-size:.85rem;text-decoration:underline;text-align:center}.progress-bar-bg{width:100%;height:4px;background:#222;border-radius:2px;margin:1rem 0 2rem;overflow:hidden}.progress-fill{height:100%;background:var(--text-gold);width:0%;transition:width .4s}.question-card{margin-bottom:2rem}.question-text{font-size:1.6rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;color:#fff}.option-btn{width:100%;background:#1a1a1a;border:1px solid #333;padding:1.4rem;color:#ddd;text-align:left;margin-bottom:12px;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;font-size:1.05rem;font-weight:400}.option-btn:hover{border-color:var(--text-gold);background:#252525;color:#fff;transform:translate(5px)}.option-check{width:24px;height:24px;border:2px solid #555;border-radius:50%;position:relative;flex-shrink:0}.option-btn:hover .option-check{border-color:var(--text-gold)}.option-btn:hover .option-check:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--text-gold);border-radius:50%}.result-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:0;margin:0;text-align:center;overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative}.result-hero{width:100%;height:auto;position:relative;flex-shrink:0;line-height:0}.result-hero img{width:100%;height:auto;object-fit:cover}.result-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top,#1a1a1a,transparent)}.result-body{padding:1rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;text-align:left;overflow-y:auto}.level-badge{display:inline-flex;align-items:center;background:var(--text-gold);color:#000;padding:5px 14px;border-radius:20px;font-weight:700;font-size:.75rem;text-transform:uppercase;left:1.5rem;box-shadow:0 4px 10px #00000080;z-index:10;transform:translateY(-50%);position:relative;margin-top:-1.5rem;align-self:flex-start;margin-left:1.5rem}.result-title{font-family:var(--font-kr);font-size:1.6rem;font-weight:700;color:#fff;margin-top:1rem;margin-bottom:.5rem;line-height:1.2}.result-desc{font-size:.95rem;color:#ccc;line-height:1.5;margin-bottom:1.2rem;font-weight:300}.curriculum-box{background:#222;border-radius:12px;padding:1.2rem;margin-bottom:1.5rem;border:1px solid #333}.curriculum-label{font-size:.75rem;color:#777;display:block;margin-bottom:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.c-item{display:flex;align-items:flex-start;margin-bottom:.4rem;font-size:.9rem;color:#ddd;line-height:1.4}.c-icon{color:var(--text-gold);margin-right:10px;flex-shrink:0;font-size:.8rem;margin-top:3px}.result-period{text-align:right;margin-top:.8rem;border-top:1px solid #333;padding-top:.6rem;font-size:.85rem;color:var(--text-gold);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-void: #0a0a0a;--bg-panel: #111111;--bg-card: #141414;--text-primary: #ffffff;--text-gold: #C5A059;--text-gold-dim: #8a7030;--text-muted: #999;--border-dim: rgba(255, 255, 255, .1);--font-display: "Montserrat", sans-serif;--font-sans: "Manrope", sans-serif;--font-kr: "Noto Sans KR", sans-serif;--cursor-size: 20px}*{margin:0;padding:0;box-sizing:border-box;cursor:none}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-kr);overflow-x:hidden;line-height:1.7;word-break:keep-all;font-weight:300}#canvas-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;opacity:.7;pointer-events:none}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}#cursor{position:fixed;top:0;left:0;width:var(--cursor-size);height:var(--cursor-size);border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;transition:width .3s,height .3s,background-color .3s;mix-blend-mode:difference}#cursor-dot{position:fixed;top:0;left:0;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10001}body.hovered #cursor{width:60px;height:60px;background-color:#ffffff1a;border-color:transparent}.display-huge{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,9rem);line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;color:#fff}.display-huge span{font-weight:200;display:block;font-size:.5em;letter-spacing:.2em;margin-top:1rem}.eyebrow{font-family:var(--font-display);color:var(--text-gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.5rem;display:inline-block;border-bottom:1px solid var(--text-gold-dim);padding-bottom:5px}.modern-text{font-family:var(--font-kr);font-weight:300;font-size:1.1rem;color:#bbb;line-height:1.8}h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}a{text-decoration:none;color:inherit}nav{position:fixed;top:0;left:0;width:100%;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-family:var(--font-display);font-size:1.3rem;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.05em;text-transform:uppercase;mix-blend-mode:difference}@media(min-width:769px){.nav-menu{mix-blend-mode:difference}}.nav-menu{display:flex;gap:3rem;list-style:none}.nav-link{color:#fff;text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-family:var(--font-display);font-weight:500;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:#fff;transition:width .3s}.nav-link:hover:after{width:100%}.btn-capsule{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;text-decoration:none;font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.btn-capsule:hover{background:var(--text-gold);border-color:var(--text-gold);color:#000;box-shadow:0 0 15px #c5a05966}@media(max-width:1024px){.nav-text{display:none}.btn-capsule{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}}#hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;position:relative;padding:0 10%}.hero-subtitle{margin-top:3rem;opacity:0;animation:fadeInUp 1s ease .5s forwards;border-left:1px solid rgba(255,255,255,.3);padding-left:2rem}.hero-desc{font-family:var(--font-display);font-weight:300;font-size:1.2rem;letter-spacing:.05em;color:#ddd}#about{padding:10rem 10%;max-width:1800px;margin:0 auto}.editorial-layout{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.img-parallax-container{width:100%;height:70vh;overflow:hidden;position:relative}.img-parallax{width:100%;height:120%;object-fit:cover;object-position:center;filter:grayscale(100%);transform:translateY(-10%);transition:filter .5s}.img-parallax-container:hover .img-parallax{filter:grayscale(0%)}.text-block h2{font-size:3.5rem;margin-bottom:2.5rem;line-height:1.1;font-weight:600}.greeting-text{margin-bottom:2rem;color:#aaa;font-size:1rem;line-height:1.8;font-weight:300}.signature{margin-top:3rem;font-family:var(--font-display);font-weight:500;font-size:1rem;letter-spacing:.1em;color:var(--text-primary);text-align:left;text-transform:uppercase}#lessons-wrapper{background-color:var(--bg-void);padding:10rem 10%;margin:0 auto}.grid-header{text-align:left;margin-bottom:6rem;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.grid-header h2{font-size:3rem}.grid-header p{max-width:400px;text-align:right}.lessons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.lesson-card{background:var(--bg-void);padding:4rem 2rem;display:flex;flex-direction:column;align-items:flex-start;transition:all .4s ease;position:relative;overflow:hidden;height:100%}.lesson-card:hover{background:#151515}.card-number{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-gold);margin-bottom:2rem;border:1px solid var(--text-gold);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.card-icon{font-size:2rem;color:#555;margin-bottom:2rem;transition:color .3s}.lesson-card:hover .card-icon{color:#fff}.card-content h3{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600;letter-spacing:-.01em}.card-content p{font-size:.9rem;color:#888;line-height:1.6;font-weight:300}#digital-exp{padding:10rem 10%;background:#0d0d0d;border-top:1px solid #222;border-bottom:1px solid #222;position:relative}#digital-exp h2{font-size:2.5rem;margin-bottom:4rem}.exp-container{max-width:1400px;margin:0 auto}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.exp-card{display:block;position:relative;height:400px;background:#151515;text-decoration:none;overflow:hidden;border:1px solid #222;transition:border-color .3s,transform .3s}.exp-card:hover{border-color:var(--text-gold);transform:translateY(-5px)}.exp-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;transition:opacity .5s,transform .5s;z-index:1}.lab-bg{background-image:radial-gradient(#fff 1px,transparent 1px);background-size:20px 20px}.space-bg{background:repeating-linear-gradient(45deg,transparent,transparent 10px,#fff 10px,#fff 11px)}.exp-card:hover .exp-bg{opacity:.2;transform:scale(1.1)}.exp-content{position:relative;z-index:2;padding:3rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to bottom,transparent 0%,#151515 90%)}.exp-icon{font-size:2.5rem;color:var(--text-gold);margin-bottom:auto;transform:translateY(0);transition:transform .3s}.exp-card:hover .exp-icon{transform:translateY(-5px)}.exp-content h3{font-family:var(--font-display);font-size:2rem;color:#fff;margin-bottom:1rem}.btn-link{display:inline-block;margin-top:1.5rem;font-family:var(--font-display);font-size:.9rem;color:var(--text-gold);text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media(max-width:768px){.exp-grid{grid-template-columns:1fr}.exp-card{height:350px}}#profile{padding:10rem 10%}.profile-header{margin-bottom:4rem}#profile h2{font-size:2.5rem;margin-bottom:.5rem}.profile-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.profile-item{border-top:1px solid rgba(255,255,255,.2);padding-top:2rem}.profile-item h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:1.5rem;color:var(--text-gold);text-transform:uppercase;letter-spacing:.1em}.profile-list li{list-style:none;color:#aaa;font-size:.95rem;margin-bottom:.8rem;font-weight:300}#gallery{padding:5rem 0}.gallery-header{padding:0 10% 2rem}.gallery-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,400px);gap:0}.mosaic-item{position:relative;overflow:hidden;width:100%;height:100%}.mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:grayscale(100%) brightness(.8)}.mosaic-item:hover img{transform:scale(1.05);filter:grayscale(0%) brightness(1)}.w-2{grid-column:span 2}.h-2{grid-row:span 2}#contact{padding:5rem 10%;border-top:1px solid #222;display:grid;grid-template-columns:1fr 1fr;min-height:60vh;align-items:center}.contact-link{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:#fff;text-decoration:none;display:block;margin-bottom:.5rem;transition:opacity .3s;letter-spacing:-.03em}.contact-insta{font-size:2rem}.contact-link:hover{opacity:.7}.map-wrapper{width:100%;height:400px;filter:invert(100%) hue-rotate(180deg) brightness(.7) contrast(1.1)}.map-wrapper iframe{width:100%;height:100%;border:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse),(hover:none){#cursor,#cursor-dot{display:none!important}*{cursor:auto!important}}@media(max-width:1024px){.display-huge{font-size:4rem}#hero{align-items:center;text-align:center;padding:0 2rem}.hero-subtitle{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:2rem}.editorial-layout{grid-template-columns:1fr;gap:3rem}.img-parallax-container{height:50vh}.nav-menu{display:none}#lessons-wrapper,#profile,#about,#contact{padding:5rem 5%}.grid-header{flex-direction:column;align-items:flex-start;gap:1rem}.grid-header p{text-align:left;max-width:100%}.lessons-grid{grid-template-columns:1fr;background:transparent;gap:2rem;border:none}.lesson-card{background:#111;border:1px solid #222}.profile-layout{grid-template-columns:1fr;gap:3rem}.gallery-mosaic{grid-template-columns:1fr;grid-template-rows:auto}.w-2,.h-2{grid-column:span 1;grid-row:span 1}#contact{grid-template-columns:1fr;gap:3rem}.contact-link{font-size:2rem}}@media(max-width:768px){#hero,#about,#lessons-wrapper,#digital-exp,#profile,#contact{padding:3.5rem 1.5rem}#hero{padding:0 1.5rem;min-height:80vh}.display-huge{font-size:2.8rem}.hero-desc{font-size:1rem}.text-block h2{font-size:2rem;margin-bottom:1.5rem}.img-parallax-container{height:35vh;margin-bottom:2rem}.editorial-layout{gap:0}.grid-header{margin-bottom:2.5rem;border-bottom:none;padding-bottom:0}.grid-header h2{font-size:2rem}.level-test-banner{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem 1.5rem;margin-bottom:2.5rem}.lessons-grid{gap:1rem}.lesson-card{padding:1.8rem 1.5rem}.card-icon{font-size:1.8rem;margin-bottom:1rem}.card-number{margin-bottom:1rem}#digital-exp h2{font-size:2rem;margin-bottom:2.5rem}.exp-card{height:auto;min-height:260px}.exp-content{padding:1.5rem}.exp-content h3{font-size:1.6rem}.profile-header{margin-bottom:2.5rem}#profile h2{font-size:2rem}.profile-layout{gap:1.5rem}.profile-item{padding-top:1.5rem}.profile-item h3{font-size:1.1rem;margin-bottom:1rem}#gallery{padding:3rem 0}.gallery-header{padding:0 1.5rem 1.5rem}#contact{gap:3rem;padding-bottom:4rem;min-height:auto}.contact-link{font-size:1.8rem}.contact-insta{font-size:1.4rem}.map-wrapper{height:250px}}.level-test-banner{border:1px solid var(--text-gold);background:#c5a0590d;padding:3rem;margin-bottom:4rem;display:flex;align-items:center;justify-content:space-between;position:relative}.level-test-banner h3{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-bottom:.5rem;font-weight:600}.btn-gold-outline{border:1px solid var(--text-gold);color:var(--text-gold);background:transparent;padding:1rem 2rem;font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:all .3s;display:inline-block}.btn-gold-outline:hover{background:var(--text-gold);color:#000}.btn-gold{width:100%;padding:12px;background:var(--text-gold);border:none;border-radius:4px;font-weight:700;color:#000;cursor:pointer;transition:background .2s}.btn-gold:hover{background:#d4b06a}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}*::-webkit-scrollbar-thumb{background:#333;border-radius:3px;border:1px solid rgba(255,255,255,.05)}*::-webkit-scrollbar-thumb:hover{background:var(--text-gold)}*{scrollbar-width:thin;scrollbar-color:#333 transparent}