@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.search-bar-container{width:100%;position:relative}.search-bar-input{width:100%;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 16px;font-size:14px}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-input:focus{border-color:var(--color-accent);background-color:var(--color-card-hover);box-shadow:0 0 0 3px #e65a1b1f}.navbar-header{z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.navbar-brand{font-family:var(--font-heading);letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:6px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand-resolve{color:var(--color-accent)}.brand-force{color:var(--color-primary)}.navbar-nav{align-items:center;gap:var(--spacing-xl);display:flex}.navbar-link{color:var(--color-text-secondary);font-family:var(--font-body);transition:color var(--transition-fast);padding:6px 0;font-size:15px;font-weight:500;text-decoration:none;position:relative}.navbar-link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-fast);border-radius:1px;position:absolute;bottom:0;left:0}.navbar-link:hover{color:var(--color-primary)}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--color-primary);font-weight:600}.navbar-link.active:after{width:100%}.navbar-right{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.navbar-search{width:200px}.navbar-login-link{color:var(--color-text-secondary);font-family:var(--font-body);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);white-space:nowrap;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none}.navbar-login-link:hover,.navbar-login-link.active{color:var(--color-accent);background-color:#e65a1b0f}.navbar-auth-group{align-items:center;gap:.6rem;display:flex}.navbar-admin-link{color:var(--color-accent);font-family:var(--font-body);border-radius:var(--radius-xl);transition:all var(--transition-fast);white-space:nowrap;background-color:#e65a1b14;padding:5px 12px;font-size:13.5px;font-weight:600;text-decoration:none}.navbar-admin-link:hover,.navbar-admin-link.active{background-color:var(--color-accent);color:#fff}.navbar-logout-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;padding:4px 10px;font-size:13px;font-weight:500}.navbar-logout-btn:hover{color:#b91c1c;background-color:#fef2f2;border-color:#b91c1c}@media (width<=768px){.navbar-container{justify-content:space-between;gap:10px;padding:10px 14px}.navbar-brand{flex-shrink:0;gap:4px;font-size:1.05rem}.navbar-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}.navbar-nav::-webkit-scrollbar{display:none}.navbar-link{flex-shrink:0;padding:6px 2px;font-size:13px}.navbar-search{display:none}.navbar-auth-group{flex-shrink:0;gap:.4rem}.navbar-login-link,.navbar-admin-link,.navbar-logout-btn{align-items:center;min-height:32px;padding:5px 9px;font-size:12px;display:inline-flex}}@media (width<=480px){.navbar-container{gap:8px;padding:8px 10px}.navbar-brand{font-size:.95rem}.navbar-nav{gap:8px}.navbar-link{font-size:12px}}.rf-footer{background-color:var(--color-primary);color:var(--color-background);padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-xl);border-top:1px solid #e8dfd41a;width:100%;margin-top:auto}.rf-footer-container{align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.rf-footer-brand{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;font-size:1.25rem;font-weight:800}.rf-footer-brand .brand-resolve{color:var(--color-accent)}.rf-footer-brand .brand-force{color:var(--color-background)}.rf-footer-links{justify-content:center;align-items:center;gap:var(--spacing-xl);margin:0;padding:0;list-style:none;display:flex}.rf-footer-link{color:#fbf7eecc;font-family:var(--font-body);transition:color var(--transition-fast);padding-bottom:2px;font-size:14px;font-weight:500;text-decoration:none;position:relative}.rf-footer-link:after{content:"";background-color:var(--color-accent);width:0;height:1px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.rf-footer-link:hover{color:var(--color-background)}.rf-footer-link:hover:after{width:100%}.rf-footer-copyright{color:#fbf7ee80;font-family:var(--font-body);letter-spacing:.02em;font-size:13px;font-weight:400}@media (width<=600px){.rf-footer{padding:var(--spacing-xl) var(--spacing-md)}.rf-footer-links{gap:var(--spacing-md);flex-direction:column}}.rf-card{background-color:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast)}.rf-card--hoverable:hover{box-shadow:var(--shadow-md);background-color:var(--color-card-hover);border-color:#e65a1b33;transform:translateY(-2px)}.rf-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.rf-card--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hero-page-container{min-height:calc(100vh - 160px);padding:var(--spacing-2xl) var(--spacing-lg);background-color:var(--color-background);justify-content:center;align-items:center;display:flex}.hero-section{text-align:center;align-items:center;gap:var(--spacing-3xl);flex-direction:column;width:100%;max-width:1100px;display:flex}.hero-content{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.hero-title{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;font-family:var(--font-heading);margin:0}.hero-brand-orange{color:var(--color-accent)}.hero-brand-navy{color:var(--color-primary)}.hero-subtitle{color:var(--color-text-secondary);letter-spacing:-.01em;margin:0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:400}.hero-cards-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.hero-card-link{color:inherit;height:100%;text-decoration:none;display:block}.hero-nav-card{text-align:left;height:100%;padding:var(--spacing-xl);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.hero-card-link:hover .hero-nav-card{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-6px)}.hero-card-title{color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;font-size:1.35rem;font-weight:700;font-family:var(--font-heading);display:inline-block;position:relative}.hero-card-link:hover .hero-card-title{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:4px}.hero-card-description{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.5}@media (width<=768px){.hero-cards-grid{gap:var(--spacing-md);grid-template-columns:1fr}.hero-section{gap:var(--spacing-2xl)}.hero-page-container{padding:var(--spacing-xl) var(--spacing-md)}}.auth-callback-container{background-color:var(--color-background);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:1.5rem;display:flex}.auth-callback-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:2.5rem 3rem;display:flex}.auth-callback-spinner{border:3px solid #e65a1b26;border-top-color:var(--color-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-callback-text{font-family:var(--font-body);color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.skeleton-element{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e8dfd1 0%,#fcf8f2 50%,#e8dfd1 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-page-container{max-width:1200px;padding:var(--spacing-2xl) var(--spacing-lg);box-sizing:border-box;width:100%;margin:0 auto}.skeleton-page-header{margin-bottom:var(--spacing-2xl);text-align:left;flex-direction:column;gap:10px;display:flex}.skeleton-header-title{border-radius:var(--radius-md);width:270px;height:44px}.skeleton-header-subtitle{border-radius:4px;width:540px;max-width:90%;height:20px}.skeleton-web-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.skeleton-project-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;width:100%;display:flex;overflow:hidden}.skeleton-project-media{aspect-ratio:16/9;border-bottom:1px solid var(--color-border);border-radius:0;width:100%}.skeleton-project-content{padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.skeleton-title{border-radius:6px;width:50%;height:26px}.skeleton-desc-line{border-radius:4px;width:80%;height:16px}.skeleton-desc-line.short{width:50%}.skeleton-project-footer{padding-top:var(--spacing-md);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.skeleton-site-link{border-radius:4px;width:130px;height:20px}.skeleton-btn-circle{border-radius:50%;flex-shrink:0;width:44px;height:44px}.skeleton-mobile-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.skeleton-mobile-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;width:100%;display:flex;overflow:hidden}.skeleton-mobile-media{aspect-ratio:16/9;border-bottom:1px solid var(--color-border);border-radius:0;width:100%}.skeleton-mobile-content{padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.skeleton-mobile-footer{align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);margin-top:auto;display:flex}.skeleton-store-btn{border-radius:4px;width:85px;height:18px}.skeleton-store-sep{color:var(--color-border);font-size:.9rem}.skeleton-knowledge-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-direction:column;width:100%;display:flex}.skeleton-knowledge-tabs{gap:var(--spacing-md);border-bottom:2px solid var(--color-border);padding-bottom:8px;display:flex}.skeleton-tab-item{border-radius:var(--radius-sm);width:130px;height:28px}.skeleton-tab-item.active{background-color:#e2d6c5;width:140px}.skeleton-knowledge-pills{gap:var(--spacing-sm);flex-wrap:wrap;padding-top:4px;display:flex}.skeleton-pill{border-radius:var(--radius-xl);width:100px;height:34px}.skeleton-pill.active{background-color:#e2d6c5;width:70px}.skeleton-search-bar{border-radius:var(--radius-md);width:100%;height:48px;margin-top:6px}.skeleton-knowledge-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.skeleton-knowledge-card{padding:var(--spacing-xl);gap:var(--spacing-lg);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.skeleton-knowledge-section{flex-direction:column;gap:8px;display:flex}.skeleton-badge{border-radius:4px;width:75px;height:18px}.skeleton-admin-container{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto;padding:3rem 1.5rem 4rem}.skeleton-admin-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.skeleton-admin-title{border-radius:var(--radius-md);width:220px;height:38px;margin-bottom:8px}.skeleton-admin-subtitle{border-radius:4px;width:320px;height:16px}.skeleton-admin-logout{border-radius:var(--radius-sm);width:90px;height:36px}.skeleton-admin-tabs{flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem;display:flex}.skeleton-admin-tab-btn{border-radius:var(--radius-xl);width:140px;height:42px}.skeleton-admin-tab-btn.active{background-color:#e2d6c5}.skeleton-admin-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem}.skeleton-admin-card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.skeleton-admin-card-title{border-radius:4px;width:180px;height:24px}.skeleton-admin-add-btn{border-radius:var(--radius-md);width:120px;height:38px}.skeleton-admin-rows{flex-direction:column;gap:1rem;display:flex}.skeleton-admin-row{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#faf4eb;justify-content:space-between;align-items:center;padding:1rem;display:flex}.skeleton-admin-row-left{align-items:center;gap:1rem;display:flex}.skeleton-row-thumb{border-radius:var(--radius-sm);width:60px;height:40px}.skeleton-row-text{border-radius:4px;width:180px;height:18px}.skeleton-admin-row-right{gap:.75rem;display:flex}.skeleton-row-action-btn{border-radius:var(--radius-sm);width:60px;height:28px}@media (width<=900px){.skeleton-mobile-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (width<=768px){.skeleton-page-container{padding:var(--spacing-xl) var(--spacing-md)}.skeleton-page-header{margin-bottom:var(--spacing-xl)}.skeleton-web-grid,.skeleton-knowledge-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.skeleton-header-title{width:200px;height:34px}.skeleton-header-subtitle{width:100%}.skeleton-admin-container{padding:2rem 1rem}.skeleton-admin-header{flex-direction:column;gap:1rem}}.main-content{flex-direction:column;width:100%;min-height:calc(100vh - 160px);display:flex}:root{--color-accent:#e65a1b;--color-accent-hover:#d14e15;--color-primary:#0b192c;--color-background:#fbf7ee;--color-card:#fff8f0;--color-card-hover:#fff3e8;--color-border:#e8dfd4;--color-text:#0b192c;--color-text-secondary:#0b192c;--color-text-muted:#0b192c;--font-heading:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0b192c0a, 0 1px 2px #0b192c05;--shadow-md:0 8px 24px #0b192c0f, 0 2px 6px #0b192c08;--shadow-lg:0 16px 36px #0b192c14, 0 4px 12px #0b192c0a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--transition-fast:.2s ease;--transition-normal:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{background-color:var(--color-background);min-height:100vh;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);font-weight:700;line-height:1.25}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;outline:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}