@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#eaf2ec;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0b211e;--cream:#f2f1e9;--lime:#d6ff63;--muted:#9bb0aa;--line:#e0f2eb24;background:#0b211e;font-family:DM Sans,Pretendard,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-3;background:radial-gradient(circle at 84% -5%,#1a5148 0,#0000 32%),linear-gradient(145deg,#0b211e 0%,#0d2a26 55%,#0a1b19 100%);position:fixed;inset:0}.app-shell:after{content:"";z-index:-2;opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.ambient{filter:blur(2px);pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.ambient-one{border:1px solid #d6ff6321;width:460px;height:460px;top:90px;right:-240px;box-shadow:inset 0 0 90px #d6ff6309}.ambient-two{background:#76e4c40b;width:170px;height:170px;top:410px;left:-90px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:96px;margin:0 auto;display:flex}.brand{align-items:center;gap:13px;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--ink);background:var(--lime);border-radius:11px 4px;place-items:center;font:800 20px/1 Manrope,sans-serif;display:grid;transform:rotate(-3deg);box-shadow:0 8px 30px #d6ff631f}.brand>span:last-child{gap:0;display:grid}.brand strong{letter-spacing:.16em;font:800 16px/1 Manrope,sans-serif}.brand small{color:var(--muted);letter-spacing:.44em;margin-top:4px;font:600 8px/1 Manrope,sans-serif}.header-actions{align-items:center;gap:24px;display:flex}.live-badge{color:#a9bcb7;letter-spacing:.16em;align-items:center;gap:9px;font:600 10px/1 Manrope,sans-serif;display:inline-flex}.live-badge i{background:#76e4c4;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 5px #76e4c414}.settings-button{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:13px;align-items:center;gap:9px;min-height:42px;padding:0 15px;transition:all .25s;display:inline-flex}.settings-button span{font-size:12px;font-weight:600}.settings-button:hover{color:var(--ink);border-color:var(--lime);background:var(--lime);transform:translateY(-2px)}main{width:min(1180px,100% - 48px);min-height:calc(100vh - 172px);margin:0 auto}.directory{padding:68px 0 92px}.directory-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.eyebrow{color:#829b94;letter-spacing:.22em;margin-bottom:9px;font:700 9px/1 Manrope,sans-serif;display:block}.directory h1,.modal h2{color:var(--cream);letter-spacing:-.035em;margin:0;font:700 27px/1.2 Manrope,Pretendard,sans-serif}.search-box{color:#809790;border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:center;gap:10px;width:250px;height:44px;padding:0 15px;transition:all .2s;display:flex}.search-box:focus-within{color:var(--lime);background:#ffffff0b;border-color:#d6ff6375}.search-box input{width:100%;color:var(--cream);background:0 0;border:0;outline:0;font-size:13px}.search-box input::placeholder{color:#718982}.service-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.service-card{--accent:var(--lime);border:1px solid var(--line);opacity:0;min-height:226px;animation:.55s cubic-bezier(.2,.8,.2,1) forwards card-in;animation-delay:var(--delay);background:#f5faf70b;border-radius:22px;flex-direction:column;padding:22px;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .32s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .3s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.service-card:after{content:"";background:var(--accent);opacity:.035;border-radius:50%;width:150px;height:150px;transition:transform .35s,opacity .35s;position:absolute;top:-75px;right:-75px;transform:scale(.8)}.service-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:#f5faf713;transform:translateY(-7px);box-shadow:0 24px 70px #0000002e}.service-card:hover:before{transform:scaleX(1)}.service-card:hover:after{opacity:.07;transform:scale(1.25)}.card-index{color:#6f8982;letter-spacing:.12em;font:600 9px/1 Manrope,sans-serif;position:absolute;top:20px;right:20px}.service-icon{width:49px;height:49px;color:var(--ink);background:var(--accent);border-radius:15px 6px;place-items:center;transition:transform .32s cubic-bezier(.2,.9,.2,1);display:grid}.service-card:hover .service-icon{transform:rotate(-4deg)scale(1.08)}.service-copy{margin:35px 0 25px}.service-copy h3{color:var(--cream);letter-spacing:-.035em;margin:0 0 8px;font:700 20px/1.2 Manrope,Pretendard,sans-serif}.service-copy p{color:#91a7a1;margin:0;font-size:13px;line-height:1.55}.launch{color:#829891;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.launch span{letter-spacing:.18em;font:700 9px/1 Manrope,sans-serif}.launch svg{transition:transform .25s}.service-card:hover .launch{color:var(--accent)}.service-card:hover .launch svg{transform:translate(3px,-3px)}.state-card{text-align:center;color:#91a7a1;background:#ffffff05;border:1px dashed #eaf2ec2e;border-radius:22px;place-content:center;justify-items:center;gap:12px;min-height:260px;display:grid}.state-card p{margin:0;font-size:14px}.empty-state h3{color:var(--cream);margin:5px 0 0;font:700 20px/1.2 Manrope,sans-serif}.empty-symbol{width:55px;height:55px;color:var(--ink);background:var(--lime);border-radius:18px 7px;place-items:center;display:grid}.empty-state button,.error-state button{color:var(--lime);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:7px;padding:0;font-size:13px;font-weight:700;display:inline-flex}footer{color:#69817a;border-top:1px solid var(--line);letter-spacing:.15em;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:76px;margin:0 auto;font:600 9px/1 Manrope,sans-serif;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#030e0cc7;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{color:#18302c;background:#f4f3eb;border:1px solid #ffffff80;border-radius:25px;width:min(470px,100%);max-height:calc(100vh - 48px);padding:28px;animation:.3s cubic-bezier(.2,.8,.2,1) modal-in;overflow-y:auto;box-shadow:0 35px 100px #00000059}.modal-wide{width:min(700px,100%)}.modal .eyebrow{color:#71837e}.modal h2{color:#132925}.modal-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px;display:flex}.icon-button{color:#48615b;cursor:pointer;background:#122d2709;border:1px solid #122d271f;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.icon-button:hover{color:#102622;background:#122d2714;border-color:#122d2745;transform:translateY(-1px)}.icon-button.danger{color:#a84b3b}.login-symbol{color:#3f5751;background:#e9e9df;border-radius:15px;align-items:center;gap:12px;margin-bottom:22px;padding:14px;font-size:12px;display:flex}.login-symbol svg{color:#24453e}.form-stack{gap:17px;display:grid}.form-stack label{color:#3c514c;letter-spacing:.02em;gap:8px;font-size:11px;font-weight:700;display:grid}.form-stack input{color:#142b26;background:#fbfaf5;border:1px solid #d3d5cc;border-radius:13px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:all .2s}.form-stack input:focus{border-color:#466e64;box-shadow:0 0 0 3px #33635717}.form-stack fieldset{border:0;margin:0;padding:0}.form-stack legend{color:#3c514c;margin-bottom:9px;font-size:11px;font-weight:700}.form-error{color:#a33c2d;margin:-3px 0 0;font-size:12px}.primary-button,.danger-button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:0 18px;font-size:13px;font-weight:700;transition:all .22s;display:inline-flex}.primary-button{color:#10241f;background:#ccf558;box-shadow:0 9px 24px #67891921}.primary-button:hover{background:#d9ff6d;transform:translateY(-2px);box-shadow:0 12px 28px #67891930}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.primary-button.compact{min-height:41px}.danger-button{color:#fff;background:#ad4f3f}.danger-button:hover{background:#963d30;transform:translateY(-1px)}.text-button{color:#556963;cursor:pointer;background:0 0;border:0;min-height:43px;padding:0 15px;font-size:13px;font-weight:700}.form-actions{justify-content:flex-end;gap:6px;margin-top:5px;display:flex}.icon-picker{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.icon-picker button{aspect-ratio:1;color:#5e716c;cursor:pointer;background:#fbfaf5;border:1px solid #d2d5cc;border-radius:11px;place-items:center;transition:all .18s;display:grid}.icon-picker button:hover,.icon-picker button.selected{color:#142b26;background:#dfe7dd;border-color:#54756d}.color-picker{gap:9px;display:flex}.color-picker button{color:#17302b;background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;box-shadow:inset 0 0 0 1px #00000014}.color-picker button.selected{border-color:#17302b;box-shadow:inset 0 0 0 2px #f4f3eb}.admin-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:-4px 0 18px;display:flex}.admin-toolbar p{color:#657872;margin:0;font-size:12px}.admin-list{gap:8px;max-height:390px;padding-right:3px;display:grid;overflow-y:auto}.admin-empty{color:#71837e;text-align:center;border:1px dashed #ccd1c7;border-radius:16px;padding:45px 20px;font-size:13px}.admin-row{background:#e9e9df;border-radius:15px;grid-template-columns:43px 1fr auto auto;align-items:center;gap:10px;min-height:67px;padding:10px 11px;display:grid}.admin-icon{color:#122823;border-radius:12px 5px;place-items:center;width:41px;height:41px;display:grid}.admin-row>div:nth-child(2){gap:4px;min-width:0;display:grid}.admin-row strong{color:#152d28;font-size:13px}.admin-row span:not(.admin-icon){color:#71837e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.order-actions{gap:3px;display:grid}.order-actions button{color:#526a63;cursor:pointer;background:#ffffff73;border:1px solid #122d271f;border-radius:8px;place-items:center;width:29px;height:25px;transition:all .18s;display:grid}.order-actions button:hover:not(:disabled){color:#132a25;background:#f7f6ef;border-color:#80958f}.order-actions button:disabled{opacity:.25;cursor:default}.row-actions{gap:5px;display:flex}.admin-footer{border-top:1px solid #d8dad2;justify-content:space-between;align-items:center;gap:15px;margin-top:17px;padding-top:16px;display:flex}.admin-footer>span{color:#7d8d88;font-size:10px}.logout-button{color:#516760;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:11px;font-weight:700;display:inline-flex}.delete-copy{color:#5d706b;align-items:center;gap:15px;margin-bottom:24px;font-size:13px;line-height:1.65;display:flex}.delete-copy p{margin:0}.delete-copy strong{color:#1b332e}.delete-icon{color:#a54838;background:#f1ddd6;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.toast{z-index:80;color:#132823;background:var(--lime);border-radius:14px;align-items:center;gap:9px;min-height:45px;padding:0 17px;font-size:12px;font-weight:700;animation:.3s toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000047}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.8s linear infinite spin}.mobile-break{display:none}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 0 8px #76e4c40a}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=880px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.site-header,main,footer{width:min(100% - 30px,1180px)}.site-header{height:78px}.live-badge{display:none}.settings-button{justify-content:center;width:42px;padding:0}.settings-button span{display:none}.directory{padding:42px 0 65px}.directory-head{flex-direction:column;align-items:stretch;gap:20px}.search-box{width:100%}.service-grid{grid-template-columns:1fr}.service-card{min-height:205px}footer{height:68px}footer span:last-child{display:none}.modal-backdrop{align-items:end;padding:12px}.modal{border-radius:23px 23px 17px 17px;max-height:calc(100vh - 24px);padding:23px 19px}.icon-picker{grid-template-columns:repeat(6,1fr)}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-row{grid-template-columns:40px 1fr auto auto;gap:7px}.row-actions{gap:2px}.admin-footer>span{display:none}.admin-footer{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}