@charset "UTF-8";@layer pages{.home-container{min-height:100vh;background:linear-gradient(135deg,#2a787e,#4559b3);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;word-break:keep-all;word-wrap:break-word}.home-content{width:100%;max-width:var(--pc-content);display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;align-content:center}@media(max-width:768px){.home-content{max-width:var(--mobile-content)}}.slogan{text-align:center;margin-bottom:3rem;color:#fff}.slogan p{margin:.5rem 0;font-size:1.2rem;font-weight:500;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.1)}.slogan p:first-child{font-size:1.4rem;font-weight:600}.exchange-container{width:100%;max-width:900px;background:#fff;border-radius:16px;padding:1.4rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exchange-box{display:grid;grid-template-columns:1fr;align-items:center;gap:1rem;padding:1.5rem;margin-bottom:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.exchange-box:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.exchange-box:last-of-type{margin-bottom:2rem}.exchange-box select[name^=currency]{padding:.75rem 2.5rem .75rem 1rem;border:2px solid #388169;border-radius:8px;font-size:.9rem;background:#fff;color:#334155;transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.exchange-box select[name^=currency]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.exchange-box .exchange-layout{display:grid;grid-template-columns:1fr .2fr 1fr;align-items:center;justify-items:center;gap:.5rem}@media(max-width:768px){.exchange-box .exchange-layout{grid-template-columns:.7fr .2fr 1fr}}.exchange-box input[name^=amount]{width:100%;padding:.75rem 1rem;border:2px solid #388169;border-radius:8px;font-size:.9rem;background:#fff;color:#334155;transition:border-color .2s ease}.exchange-box input[name^=amount]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.exchange-box input[name^=amount]::placeholder{color:#6d7888}.exchange-box .rate-krw{width:100%;display:grid;grid-template-columns:auto .2fr;align-items:center;gap:1rem}.exchange-box .fa-angle-right{color:#64748b;font-size:1.2rem;justify-self:center}.exchange-box input[name^=result]{width:100%;padding:.75rem 1rem;border:1px solid #9874c2;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.exchange-box input[name^=result]::placeholder{color:#6b6b6bb3}.member-feature{display:grid;grid-template-columns:1fr;align-items:center;gap:1rem;padding:1.5rem;margin-bottom:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.member-guide-banner{margin:20px 0 28px;padding:0;border:1px solid #d9e2f1;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#eef5ff,#f7f1ff);box-shadow:0 10px 24px #5468b414;overflow:hidden}.member-guide-banner__inner{display:flex;align-items:center;gap:20px;padding:22px 20px}.member-guide-banner__icon{flex:0 0 72px;width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px;background:linear-gradient(135deg,#fff3cd,#ffe08a);box-shadow:inset 0 1px #fffc}.member-guide-banner__content{flex:1 1 auto;min-width:0}.member-guide-banner__eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;color:#5c6f91;letter-spacing:.02em}.member-guide-banner__title{margin:0 0 12px;font-size:22px;font-weight:800;line-height:1.35;color:#273b6a;word-break:keep-all}.member-guide-banner__list{margin:0;padding:0;list-style:none}.member-guide-banner__list li{position:relative;padding-left:24px;font-size:15px;font-weight:600;line-height:1.7;color:#40506f;word-break:keep-all}.member-guide-banner__list li:before{content:"✓";position:absolute;left:0;top:0;color:#22b573;font-weight:800}.member-guide-banner__actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}.member-guide-banner__btn{height:46px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:800;white-space:nowrap;transition:all .2s ease}.member-guide-banner__btn--ghost{border:1px solid #cfd8ea;background:#fff;color:#4d5d7c}.member-guide-banner__btn--ghost:hover{border-color:#b8c5de;background:#f8fbff}.member-guide-banner__btn--primary{border:1px solid transparent;background:linear-gradient(135deg,#667eea,#8b5cf6);color:#fff;box-shadow:0 8px 18px #745bdf3d}.member-guide-banner__btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #745bdf4d}@media(max-width:768px){.member-guide-banner{margin:18px 0 24px;border-radius:18px}.member-guide-banner__inner{flex-direction:column;align-items:flex-start;gap:16px;padding:18px 16px}.member-guide-banner__icon{width:60px;height:60px;border-radius:16px;font-size:28px}.member-guide-banner__title{font-size:19px;margin-bottom:10px}.member-guide-banner__list li{font-size:14px}.member-guide-banner__actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-guide-banner__btn{width:100%;height:44px;padding:0 14px;font-size:14px}}@media(max-width:768px){.home-container{padding:1rem .5rem}.exchange-container{padding:1rem;margin:0 .5rem}.exchange-box{grid-template-columns:1fr;gap:.75rem;padding:1.25rem}.exchange-box .fa-angle-right{transform:rotate(90deg);margin:.5rem 0}.slogan{margin-bottom:1rem}.slogan p{font-size:1.1rem}.slogan p:first-child{font-size:1.2rem}}@media(max-width:480px){.exchange-container{margin:0;border-radius:12px}.exchange-box{padding:1rem}.slogan p{font-size:1rem}.slogan p:first-child{font-size:1.1rem}}.button-container{display:flex;gap:.5rem;justify-content:space-between;position:sticky;bottom:20px;z-index:100;background:#fff;padding:1rem;border-radius:16px;box-shadow:0 -10px 25px -5px #0000001a;margin:1rem 0;transition:all .3s ease}.button-container.at-bottom{position:relative;bottom:auto;box-shadow:none;margin:0;padding:0;background:transparent}.button-container #compareBtn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.button-container #compareBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.button-container #compareBtn:active:not(:disabled){transform:translateY(0)}.button-container #compareBtn:disabled{opacity:.7;cursor:not-allowed}.button-container #resetBtn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.button-container #resetBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #ef44444d}.button-container #resetBtn:active:not(:disabled){transform:translateY(0)}.button-container #resetBtn:disabled{opacity:.7;cursor:not-allowed}.scroll-detector{visibility:hidden}}