.page{max-width:1000px;margin:auto;padding:40px 20px;font-family:Inter,Arial,sans-serif;line-height:1.6}.header h1{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:20px}.intro{padding:25px 30px;border-radius:16px;margin-bottom:40px;animation:fadeIn .4s ease-in-out}.intro p{font-size:1.05rem}.icon-button-list{display:flex;justify-content:center;gap:14px;padding:0;list-style:none}.icon-button-list a{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .2s,transform .2s,filter .2s;box-shadow:0 2px 6px var(--card-shadow)}.icon-button-list a:hover{transform:translateY(-2px);filter:brightness(1.1)}.icon-home,.icon-scholar,.icon-github{width:20px;height:20px;display:inline-block;background-size:contain;background-repeat:no-repeat}.icon-home{background:url(https://cdn-icons-png.flaticon.com/512/1946/1946433.png) center/contain no-repeat}.icon-scholar{background:url(https://cdn-icons-png.flaticon.com/512/3135/3135810.png) center/contain no-repeat}.icon-github{background:url(https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/github.svg) center/contain no-repeat}.center-title{text-align:center;font-size:1.8rem;margin:40px 0 20px;font-weight:600}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));row-gap:50px;column-gap:25px;margin-top:20px;margin-bottom:100px}.column{display:flex;flex-direction:column;gap:30px}.card{padding:20px 24px;border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 16px var(--card-shadow),0 12px 32px var(--card-shadow)}.card h4{margin:0 0 10px;font-size:1.2rem}.card a{text-decoration:none;font-weight:600}.card a:hover{text-decoration:underline}.card-preview{width:100%;border-radius:20px;margin-bottom:20px;object-fit:cover;max-height:180px;transition:transform .25s ease}.card:hover .card-preview{transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.icon-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:background .2s,transform .2s,filter .2s;box-shadow:0 2px 6px var(--card-shadow)}.icon-toggle:hover{transform:translateY(-2px);filter:brightness(1.1)}.icon-moon{width:20px;height:20px;display:inline-block;background-image:url(https://cdn-icons-png.flaticon.com/512/869/869869.png);background-size:contain;background-repeat:no-repeat}.icon-sun{width:20px;height:20px;display:inline-block;background-image:url(https://cdn-icons-png.flaticon.com/512/869/869869.png);background-size:contain;background-repeat:no-repeat;filter:invert(1)}:root{--bg-color: #ffffff;--text-color: #222222;--card-bg: #ffffff;--card-shadow: rgba(0,0,0,.08)}.dark{--bg-color: #121212;--text-color: #e0e0e0;--card-bg: #1e1e1e;--card-shadow: rgba(0,0,0,.3)}body,.page{background-color:var(--bg-color);color:var(--text-color)}.card,.intro{background-color:var(--card-bg);box-shadow:0 3px 8px var(--card-shadow),0 6px 20px var(--card-shadow)}.icon-button-list a,.icon-toggle,.card a{color:var(--text-color);background-color:var(--card-bg)}@media(prefers-color-scheme:dark){:root{--bg-color: #121212;--text-color: #e0e0e0;--card-bg: #1e1e1e;--card-shadow: rgba(0,0,0,.3)}}