@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");:root{--primary:#135bec;--background-light:#f6f6f8;--background-dark:#101622}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:rgba(0,0,0,0.1);--border-color-hover:rgba(0,0,0,0.2);--card-bg:#ffffff;--card-border:rgba(0,0,0,0.1);--input-bg:#ffffff;--input-border:rgba(0,0,0,0.2);--hover-bg:rgba(0,0,0,0.05)}[data-theme=dark]{--bg-primary:#101622;--bg-secondary:rgba(255,255,255,0.03);--bg-tertiary:rgba(255,255,255,0.05);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.8);--text-tertiary:rgba(255,255,255,0.6);--border-color:rgba(255,255,255,0.1);--border-color-hover:rgba(255,255,255,0.2);--card-bg:rgba(255,255,255,0.03);--card-border:rgba(255,255,255,0.1);--input-bg:rgba(255,255,255,0.05);--input-border:rgba(255,255,255,0.1);--hover-bg:rgba(255,255,255,0.08)}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}[data-theme=light]{color-scheme:light}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.card:hover{border-color:var(--border-color-hover)}.nav-link{color:var(--text-tertiary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease;background:none;border:none;cursor:pointer}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--primary),#4f46e5);color:white;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(19,91,236,.3)}.search-input{width:100%;min-width:10rem;max-width:16rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--input-bg);padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;color:var(--text-primary)}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;ring:2px solid var(--primary);ring-opacity:.5}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-size:cover;background-position:50%}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}div[data-nextjs-toast],div[id^=__next-build-watcher],div[style*="position: fixed"][style*=bottom][style*=left]{display:none!important}.coming-soon-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.75);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.coming-soon-modal{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:2rem;max-width:28rem;margin:1rem;text-align:center}.coming-soon-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.coming-soon-text{color:var(--text-tertiary);margin-bottom:1.5rem}.page-container{position:relative;display:flex;height:auto;min-height:100vh;width:100%;flex-direction:column}.header{justify-content:space-between;white-space:nowrap;border-bottom:1px solid var(--border-color);padding:1rem 2.5rem}.header,.header-left{display:flex;align-items:center}.header-left{gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.brand svg{height:1.5rem;width:1.5rem;color:var(--primary)}.brand h2{font-size:1.25rem;font-weight:700}.nav-menu{display:none;align-items:center;gap:1.5rem}@media (min-width:768px){.nav-menu{display:flex}}.header-right{display:flex;align-items:center;gap:1rem}.search-container{position:relative;display:block}@media (min-width:1024px){.search-container{display:block}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.main-content{flex:1;padding:2rem 1rem}@media (min-width:1024px){.main-content{padding:2rem}}.main-container{margin:0 auto;max-width:80rem}.page-header{padding:0 1rem}@media (min-width:640px){.page-header{padding:0}}.page-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}@media (min-width:640px){.page-title{font-size:2.25rem}}.page-description{margin-top:.5rem;font-size:1rem;color:var(--text-tertiary)}.cards-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:640px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.cards-grid>*{min-width:0;max-width:100%;box-sizing:border-box}}.module-card{display:block;overflow:hidden;border-radius:.5rem;background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;text-decoration:none;color:inherit;width:100%;max-width:100%;text-align:left;cursor:pointer}.module-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-.25rem)}.module-card-image{height:12rem;width:100%;background-size:cover;background-position:50%;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.module-card-content{padding:1.5rem;overflow:hidden;word-wrap:break-word}.module-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.module-card-description{margin-top:.25rem;font-size:.875rem;color:var(--text-tertiary)}.module-card-button-container{margin-top:1rem}.module-card-button{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;background-color:rgba(19,91,236,.1);padding:.25rem 1rem;font-size:.875rem;font-weight:500;color:var(--primary)}.module-card-button .arrow{font-size:1rem;transition:transform .3s ease}.module-card:hover .module-card-button .arrow{transform:translateX(.25rem)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}