img{margin-bottom:1.5rem}img:hover{filter:drop-shadow(0 0 2em #673ab8aa)}.home section{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem}.resource{padding:.75rem 1.5rem;border-radius:.5rem;text-align:left;text-decoration:none;color:#222;background-color:#f1f1f1;border:1px solid transparent}.resource:hover{border:1px solid #000;box-shadow:0 25px 50px -12px #673ab888}@media(max-width:639px){.home section{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}}@media(prefers-color-scheme:dark){.resource{color:#ccc;background-color:#161616}.resource:hover{border:1px solid #bbb}}.user-welcome{text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:10px;width:40em;margin:2em auto}.user-welcome h2{color:#673ab8;margin-bottom:1rem}.user-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee;text-align:left}.user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-top:1rem}.guest-welcome{text-align:center;padding:2rem}.login-btn{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background-color:#673ab8;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:background-color .3s}.login-btn:hover{background-color:#5a3098}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:flex-end;background-color:#673ab8}header nav{display:flex}header a{color:#fff;padding:.75rem;text-decoration:none}header a.active{background-color:#0005}header a:hover{background-color:#0008}.user-menu{display:flex;align-items:center;gap:1rem}.user-menu span{color:#fff;font-weight:500}.logout-link{color:#ffebee;font-size:.9rem}.logout-link:hover{text-decoration:underline;background-color:transparent}main{flex:auto;display:flex;align-items:center;max-width:1280px;margin:0 auto;text-align:center}@media(max-width:639px){main{margin:2rem}}@media(prefers-color-scheme:dark){:root{color:#ccc;background-color:#1a1a1a}}