:root{--bg-global:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#475569;--accent-blue:#2563eb;--accent-hover:#1d4ed8;--positive:#10b981;--negative:#f43f5e;--border-color:#e2e8f0;--discord-color:#5865f2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,sans-serif;font-weight:500;background-color:var(--bg-global);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.header{position:-webkit-sticky;position:sticky;top:0;background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:16px 40px;z-index:500}.logo{font-size:22px;font-weight:900;color:var(--text-main);text-decoration:none;letter-spacing:-.75px;transition:opacity .2s}.logo:hover{opacity:.8}.nav{display:flex;gap:32px;align-items:center}.nav-item{position:relative}.button-as-link,.nav-link{font-size:15px;font-weight:600;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;padding:8px 0;transition:color .2s;font-family:inherit}.button-as-link:hover,.nav-link:hover{color:var(--text-main)}.login-button button{background-color:var(--text-main);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.login-button button:hover{background-color:#334155}.main-content{max-width:1140px;width:100%;margin:24px auto;padding:0 24px 100px}.welcome-section{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid var(--border-color);border-radius:16px;padding:36px;margin-bottom:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.welcome-section h2{font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:10px;color:var(--text-main)}.welcome-section p{font-size:15px;color:var(--text-muted)}.section-title{font-size:20px;font-weight:800;margin-bottom:24px;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;color:var(--text-main)}.section-title:before{content:"";display:inline-block;width:5px;height:20px;background-color:var(--accent-blue);border-radius:3px}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:40px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(0,0,0,.03);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(15,23,42,.08)}.card h4{font-size:18px;font-weight:800;margin-bottom:12px;color:var(--text-main);letter-spacing:-.3px}.card .card-desc{font-size:14px;color:var(--text-muted);margin-bottom:20px}.feature-link{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:10px 16px;border-radius:10px;background-color:var(--accent-blue);color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:background-color .2s ease,transform .2s ease}.feature-link-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.feature-link-group .feature-link{margin-top:0}.feature-link:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.sub-list{list-style:none;border-top:1px solid var(--border-color);padding-top:18px}.sub-list li{font-size:13.5px;margin-bottom:14px;color:var(--text-muted);position:relative;padding-left:14px}.sub-list li:before{content:"•";position:absolute;left:0;color:var(--accent-blue);font-weight:700}.sub-list li:last-child{margin-bottom:0}.sub-list li strong{color:var(--text-main);font-weight:700;display:inline-block;margin-right:4px}.discord-box{background-color:#f0f2ff;border:1px solid #d6dbff;border-radius:16px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin-top:16px}.discord-text{font-size:14px;color:#3b4276;font-weight:500}.discord-btn{background-color:var(--discord-color);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(88,101,242,.2);transition:background-color .2s,transform .1s}.discord-btn:hover{background-color:#4752c4;transform:scale(1.02)}.footer{position:fixed;bottom:0;left:0;right:0;background-color:#0f172a;color:#94a3b8;z-index:2000;box-shadow:0 -4px 20px rgba(0,0,0,.15);width:100%}.ticker-container{display:flex;align-items:center;height:36px;border-bottom:1px solid #1e293b;font-size:13px;font-weight:500}.notification-area{background-color:#1e293b;color:#fff;padding:0 24px;height:100%;display:flex;align-items:center;font-weight:700;letter-spacing:-.3px;white-space:nowrap;box-shadow:4px 0 10px rgba(0,0,0,.1);z-index:10}.ticker-scroll-area{flex:1 1;overflow:hidden}.ticker-content{display:inline-flex;gap:40px;padding-left:100%;animation:ticker-scroll 30s linear infinite;white-space:nowrap;font-weight:500;color:#cbd5e1}.negative{color:#f43f5e;font-weight:700}.positive{color:#10b981;font-weight:700}.footer-menu-area{text-align:center;font-size:11px;padding:4px 0 0;background:#020617;color:#64748b;letter-spacing:.3px}.footer-menu-area a{color:#94a3b8;text-decoration:none;font-weight:600}.footer-menu-area a:hover{text-decoration:underline}.footer-button{background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.footer-button:hover{background:#334155;color:#fff;border-color:#475569}.copyright-text{text-align:center;font-size:11px;padding:4px 0;background:#020617;color:#64748b;letter-spacing:.3px}.copyright-text a{color:#94a3b8;text-decoration:none;font-weight:600}.copyright-text a:hover{text-decoration:underline}@media (max-width:960px){.main-content{padding:0 8px 24px}.grid-container{grid-template-columns:1fr;gap:20px}.header{padding:16px 24px;backdrop-filter:none;-webkit-backdrop-filter:none}.nav{display:none}.discord-box{flex-direction:column;gap:16px;text-align:center}}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid var(--border-color);border-radius:4px;min-width:168px;z-index:1000;display:none;box-shadow:0 8px 16px rgba(0,0,0,.1)}.nav-item:hover .dropdown-menu{display:block}.dropdown-item{display:block;padding:10px 15px;text-decoration:none;cursor:pointer;width:100%;text-align:left;background:none;border:none;font-size:14px}.dropdown-item,.dropdown-menu .dropdown-item{color:var(--text-muted)}.dropdown-item:hover{background-color:#f8f9fa;color:var(--text-main)}.hamburger,.mobile-menu{display:none}@media (max-width:960px){.login-button.desktop-only,.nav{display:none}.hamburger{display:block;cursor:pointer;font-size:24px}.mobile-menu{display:none;position:absolute;top:100%;right:0;background-color:#fff;border:1px solid var(--border-color);width:240px;z-index:1000;box-shadow:0 8px 16px rgba(0,0,0,.1)}.mobile-menu.open{display:block;max-height:70vh;overflow-y:auto}.mobile-menu-item-container{padding:0 8px}.mobile-menu .dropdown-item{color:var(--text-muted);padding:12px 15px;border-bottom:1px solid var(--border-color)}.mobile-menu .dropdown-item:hover{background-color:#f8f9fa;color:var(--text-main)}.mobile-dropdown-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 15px;color:var(--text-main)}.mobile-dropdown-toggle,.sub-menu-item{border-bottom:1px solid var(--border-color)}.sub-menu-item{display:block;padding:12px 15px 12px 30px;text-decoration:none;color:var(--text-muted);width:100%;text-align:left}.sub-menu-item:hover{background-color:#f8f9fa}.mobile-menu .mobile-auth-button{background-color:#2c2c2c;color:#e0e0e0}.mobile-menu .mobile-auth-button:hover{background-color:#444;color:#fff}}