:root{--navy:#24324f;--pink:#f3d9e2;--ink:#222733;--muted:#7b8498}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 0%,rgba(193,204,230,.45),transparent 30rem),radial-gradient(circle at 95% 18%,rgba(247,216,226,.6),transparent 28rem),linear-gradient(180deg,#f7f8fc,#eef1f7);font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site{width:min(100%,1200px);margin:auto;padding:14px 10px 80px}.signature-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:linear-gradient(rgba(24,31,45,.72),rgba(24,31,45,.84)),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px);transition:transform .8s cubic-bezier(.65,.02,.35,1),opacity .35s,visibility .35s}.signature-gate.signed{transform:translateY(110%)}.signature-gate.hidden{visibility:hidden;opacity:0;pointer-events:none}.scan{position:absolute;left:0;right:0;top:10%;height:2px;background:linear-gradient(90deg,transparent,#ff9db5,transparent);box-shadow:0 0 18px #ff7f9f;animation:scan 3.2s linear infinite}.terminal{position:relative;width:min(94vw,620px);padding:24px;border:1px solid rgba(255,255,255,.45);border-radius:24px;background:linear-gradient(145deg,#fefefe,#e7ebf3);box-shadow:0 30px 100px rgba(0,0,0,.42),inset 0 0 0 5px rgba(49,63,91,.06);overflow:hidden}.terminal:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(49,63,91,.16);border-radius:18px;pointer-events:none}.top{position:relative;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.chip{display:inline-block;padding:6px 10px;border-radius:999px;color:#fff;background:var(--navy);font-size:11px;font-weight:900;letter-spacing:.13em}.terminal h1{margin:10px 0 0;font-size:clamp(25px,5vw,40px);letter-spacing:-.04em}.status{display:flex;align-items:center;gap:7px;color:#667087;font-size:12px;font-weight:900}.status i{width:9px;height:9px;border-radius:50%;background:#ffb04d;box-shadow:0 0 12px #ffb04d}.parcel-info{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 18px}.parcel-info div{padding:12px;border:1px solid #d8deea;border-radius:13px;background:rgba(255,255,255,.72)}.parcel-info span{display:block;color:#8b93a4;font-size:11px;font-weight:900}.parcel-info strong{display:block;margin-top:3px;color:#28344f;font-size:17px}.gate-copy{position:relative;margin:0 0 14px;color:#596278;line-height:1.65;font-size:14px}.sigbox{position:relative;height:190px;border:2px solid #2d3441;border-radius:15px;background:#fff;overflow:hidden;touch-action:none}.sigbox:after{content:"SIGN HERE";position:absolute;right:14px;bottom:9px;color:#d8dbe2;font-size:11px;font-weight:900;letter-spacing:.14em}#sig{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}#hint{position:absolute;inset:0;display:grid;place-items:center;color:#a4abba;font-size:17px;font-weight:900;pointer-events:none}#hint.hidden{opacity:0}.actions{position:relative;display:flex;align-items:center;gap:14px;margin-top:14px}.actions button{padding:11px 15px;border:1px solid #cdd3df;border-radius:12px;color:#586174;background:#fff;font-weight:900}.meter{flex:1}.meter span{display:block;margin-bottom:6px;color:#7b8495;font-size:11px;font-weight:900}.meter div{height:8px;border-radius:999px;background:#dfe4ed;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#263652,#e08ba5);transition:width .12s}.stamp{position:absolute;right:34px;bottom:65px;padding:12px 20px;border:4px double #c92943;border-radius:10px;color:#c92943;font-size:24px;font-weight:1000;letter-spacing:.06em;transform:rotate(-9deg) scale(1.7);opacity:0}.stamp.show{animation:stamp .5s ease forwards}.privacy{position:relative;margin:12px 0 0;text-align:center;color:#9ba2b1;font-size:11px}.hero{overflow:hidden;border:1px solid rgba(62,78,112,.18);border-radius:24px;background:#fff;box-shadow:0 22px 65px rgba(42,52,75,.16)}.hero img,.profile,.comic-cut{display:block;width:100%;height:auto}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0 24px;padding:10px;border:1px solid rgba(67,83,116,.18);border-radius:999px;background:rgba(248,250,254,.88);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(42,52,75,.1)}.nav a{padding:10px 15px;border:1px solid #d8deea;border-radius:999px;color:#34435f;background:#fff;font-size:14px;font-weight:900}.tracking{position:relative;margin:0 auto 30px;padding:24px;border:1px solid #d7deea;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(42,52,75,.11)}.tracking-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.badge{padding:7px 11px;border-radius:999px;color:#fff;background:#2f466e;font-size:12px;font-weight:900}.tracking-head p{margin:0;color:#8a93a4;font-size:12px}.tracking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.tracking-grid div{padding:13px;border:1px solid #e2e6ee;border-radius:13px;background:#fafbfe}.tracking-grid span{display:block;color:#949bab;font-size:11px;font-weight:900}.tracking-grid strong{display:block;margin-top:4px;color:#263650}.parcel-secret{position:absolute;right:16px;top:52px;width:46px;height:46px;border:0;border-radius:50%;background:#f5dfe7;font-size:22px;cursor:pointer}.parcel-msg{margin:15px 0 0;max-height:0;opacity:0;overflow:hidden;text-align:center;color:#9c5874;font-weight:900;transition:.35s}.parcel-msg.show{max-height:60px;opacity:1}.section{margin-top:30px}.title{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 4px}.title>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#2c3b5a,#6378a1);font-weight:900}.title p{margin:0;color:#8f98aa;font-size:12px;font-weight:900;letter-spacing:.14em}.title h2{margin:3px 0 0;color:#2d3a56;font-size:clamp(26px,4vw,42px)}.profile{border:1px solid rgba(67,83,116,.17);border-radius:22px;background:#fff;box-shadow:0 22px 60px rgba(42,52,75,.14)}.chapter{width:min(100%,900px);margin:0 auto 18px;padding:28px;text-align:center;border:1px solid #d9dfeb;border-radius:22px;background:#fff}.chapter p{margin:0;color:#7080a0;font-size:12px;font-weight:900;letter-spacing:.18em}.chapter h2{margin:10px 0;color:#27344f;font-size:clamp(28px,5vw,48px)}.chapter div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.chapter span{padding:8px 11px;border:1px solid #d8dfea;border-radius:999px;color:#68748e;background:#f8f9fc;font-size:12px;font-weight:900}.counter{position:sticky;top:76px;z-index:15;width:max-content;max-width:calc(100% - 20px);margin:0 10px 10px auto;padding:9px 14px;border:1px solid #d7ddea;border-radius:999px;color:#66728a;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:12px;font-weight:900}.counter strong{color:#9e5875}.viewer{width:min(100%,1080px);margin:auto}.comic-cut{margin:0 auto 10px;background:#fff;box-shadow:0 10px 28px rgba(42,52,75,.12)}.handoff{width:min(100%,900px);margin:36px auto 0;padding:clamp(26px,5vw,50px);text-align:center;border:1px solid #d8deea;border-radius:26px;background:radial-gradient(circle at 90% 10%,rgba(242,211,222,.62),transparent 24rem),#fff;box-shadow:0 24px 70px rgba(42,52,75,.15)}.slip{padding:24px;border:1px dashed #bcc6d9;border-radius:20px;background:#fafbfe}.slip>span{color:#8792a9;font-size:11px;font-weight:900;letter-spacing:.18em}.slip h2{margin:10px 0 22px;color:#2d3a55;font-size:clamp(30px,6vw,52px);line-height:1.35}.slip dl{margin:0}.slip dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #e3e7ef}.slip dl div:last-child{border-bottom:0}.slip dt{color:#9098a8;font-size:12px;font-weight:900}.slip dd{margin:0;color:#36445f;font-weight:900}.handoff-btn{display:flex;align-items:center;justify-content:center;min-height:76px;margin-top:20px;padding:18px 28px;border-radius:19px;color:#fff;background:linear-gradient(135deg,#263752,#61769e);border:1px solid #aeb9ce;font-size:clamp(21px,4vw,32px);font-weight:900;box-shadow:0 18px 38px rgba(50,66,96,.24)}.note{color:#8b94a5;font-size:13px;font-weight:800}footer{margin-top:30px;text-align:center;color:#929bab;font-size:11px;letter-spacing:.16em}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes scan{0%{top:8%;opacity:0}10%,90%{opacity:1}100%{top:92%;opacity:0}}@keyframes stamp{0%{opacity:0;transform:rotate(-9deg) scale(1.7)}65%{opacity:1;transform:rotate(-9deg) scale(.92)}100%{opacity:1;transform:rotate(-9deg) scale(1)}}@keyframes bounce{50%{transform:translateY(-8px) rotate(-5deg)}}.bounce{animation:bounce .45s ease}@media(max-width:720px){.site{padding:0 0 56px}.hero,.profile{border-radius:0;border-left:0;border-right:0}.nav{position:static;margin:10px 8px 18px;border-radius:18px}.tracking{margin:0 10px 24px;padding:18px}.tracking-grid{grid-template-columns:1fr 1fr}.parcel-secret{top:15px}.title{padding:0 12px}.comic-cut{margin-bottom:0}.counter{top:10px}.handoff{border-radius:0;border-left:0;border-right:0}}@media(max-width:480px){.terminal{padding:18px}.top{display:block}.status{margin-top:10px}.sigbox{height:165px}}