.gd-page{min-height:100vh;background:var(--surface)}.gd-container{max-width:1280px;margin:0 auto;padding:calc(var(--nav-height) + 24px) 24px 80px}.gd-header-bar{position:-webkit-sticky;position:sticky;top:var(--nav-height);z-index:40;background:rgba(247,249,251,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 0;margin-bottom:32px;border-bottom:1px solid rgba(195,198,215,.3)}.gd-header-row{display:flex;flex-direction:column;gap:20px}@media (min-width:1024px){.gd-header-row{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}}.gd-header-left{flex-shrink:0}.gd-title{font-family:Manrope,sans-serif;font-size:1.875rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;margin:0 0 4px;line-height:1.2}.gd-subtitle{font-size:.875rem;color:var(--on-surface-variant);margin:0;line-height:1.5}.gd-header-right{display:flex;flex-direction:column;gap:12px;width:100%}@media (min-width:1024px){.gd-header-right{flex-direction:row;align-items:center;gap:16px;width:auto}}.gd-search-wrap{position:relative;width:100%}@media (min-width:640px){.gd-search-wrap{width:320px}}.gd-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--outline);pointer-events:none}.gd-search-input{width:100%;padding:8px 36px 8px 40px;border-radius:8px;border:1px solid rgba(195,198,215,.5);background:var(--surface-container-lowest);font-size:.875rem;color:var(--on-surface);outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px rgba(0,0,0,.04)}.gd-search-input::placeholder{color:var(--outline)}.gd-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,74,198,.12)}.gd-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;color:var(--outline);transition:color .2s}.gd-search-clear:hover{color:var(--on-surface)}.gd-search-clear .material-symbols-outlined{font-size:18px}.gd-cats{display:flex;gap:8px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding:2px 0}.gd-cats::-webkit-scrollbar{display:none}.gd-cat-btn{padding:6px 16px;border-radius:6px;border:none;background:var(--surface-container-high);color:var(--on-surface-variant);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.gd-cat-btn:hover{background:rgba(0,74,198,.08);color:var(--primary)}.gd-cat-btn.active{background:var(--primary);color:#fff}.gd-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media (max-width:1023px){.gd-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.gd-grid{grid-template-columns:1fr}}.gd-card{display:flex;flex-direction:column;background:var(--surface-container-lowest);border-radius:12px;overflow:hidden;border:1px solid rgba(195,198,215,.3);text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .3s,border-color .3s}.gd-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.1);border-color:rgba(0,74,198,.2)}.gd-card-img{position:relative;aspect-ratio:16/9;overflow:hidden}.gd-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gd-card:hover .gd-card-img img{transform:scale(1.05)}.gd-card-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--surface-container-high),var(--surface-container))}.gd-card-badge{position:absolute;top:12px;left:12px;background:rgba(0,74,198,.9);color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.gd-card-body{padding:16px;display:flex;flex-direction:column;flex:1 1}.gd-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.gd-card-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tertiary)}.gd-card-dot{width:3px;height:3px;border-radius:50%;background:var(--outline-variant);flex-shrink:0}.gd-card-time{font-size:10px;color:var(--on-surface-variant)}.gd-card-title{font-family:Manrope,sans-serif;font-size:1.0625rem;font-weight:700;color:var(--on-surface);line-height:1.35;margin:0 0 8px;transition:color .2s}.gd-card:hover .gd-card-title{color:var(--primary)}.gd-card-desc{font-size:.8125rem;color:var(--on-surface-variant);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gd-empty{grid-column:1/-1;text-align:center;padding:80px 24px}.gd-empty-icon{font-size:48px;color:var(--outline-variant);display:block;margin-bottom:12px}.gd-empty-text{font-size:.875rem;color:var(--on-surface-variant);margin:0}.gd-load-more{display:flex;justify-content:center;margin-top:48px}.gd-load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;border:1px solid var(--outline-variant);border-radius:8px;background:transparent;color:var(--on-surface);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s}.gd-load-more-btn:hover{background:var(--surface-container-low)}.gd-load-more-btn .material-symbols-outlined{font-size:18px}.gd-footer{border-top:1px solid var(--outline-variant);background:var(--surface-container-low);padding:48px 24px}.gd-footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:32px;gap:32px;max-width:1280px;margin:0 auto}.gd-footer-logo{font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:900;color:var(--on-surface);margin-bottom:12px}.gd-footer-desc{font-size:.8125rem;color:var(--outline);line-height:1.7;max-width:280px;margin:0}.gd-footer-heading{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface);margin-bottom:16px}.gd-footer-col{display:flex;flex-direction:column;gap:8px}.gd-footer-col a{font-size:.8125rem;color:var(--outline);text-decoration:none;transition:color .2s}.gd-footer-col a:hover{text-decoration:underline;color:var(--on-surface-variant)}.gd-footer-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(0,0,0,.06)}.gd-footer-bottom p{font-size:11px;color:var(--outline);letter-spacing:.02em;margin:0}.gd-footer-icons{display:flex;gap:20px}.gd-footer-icons .material-symbols-outlined{font-size:20px;color:var(--outline);cursor:pointer;transition:color .2s}.gd-footer-icons .material-symbols-outlined:hover{color:var(--primary)}@media (max-width:768px){.gd-title{font-size:1.5rem}.gd-footer-inner{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width:640px){.gd-footer-inner{grid-template-columns:1fr}}