a,a:visited{color:#008aef}body{background-color:#f0f4f8;font-family:'Exo 2',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;margin:0;padding:0}a{text-decoration:none}.test-link:hover,a:hover{text-decoration:underline}h1{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:2.5em;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #3498db;padding-bottom:10px}.content-container{width:90%;max-width:1200px;margin:20px auto;padding:30px 30px 0;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px}#darkModeToggle{position:fixed;top:1rem;right:1rem;padding:10px;background:#333;color:#fff;font-size:1.5rem;border:none;border-radius:5px;cursor:pointer;transition:color .3s}.dark-mode #darkModeToggle{background-color:#f0f0f0;color:#333}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;margin-bottom:30px;align-items:stretch}.project-card{background-color:#f5f5f5;border-radius:8px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s;position:relative;height:78%}.project-card:hover{transform:translateY(-5px);background-color:#eaeaea}.project-card h2{margin-top:0;color:#333}.project-card p{color:#666;margin-bottom:30px}.project-link{position:absolute;bottom:20px;right:20px;color:#666;font-size:24px;transition:color .3s;display:flex;align-items:center;padding:10px;text-decoration:none}.project-card-link{color:inherit;display:block}.project-card-link,.project-card-link:active,.project-card-link:hover,.project-card-link:link,.project-card-link:visited{text-decoration:none;color:inherit}.project-link:hover{color:#333;text-decoration:none}.link-icon{font-size:12px;color:#007bff;margin-right:5px;order:-1}.button-container-top-right{float:right;margin-top:-2.5em}.index-guestbook-button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;border-radius:4px;background-color:rgba(100,100,100,.15);color:#333;transition:.2s;cursor:pointer;border:none}.index-guestbook-button:hover{background-color:rgba(100,100,100,.25);text-decoration:none}.index-guestbook-button+.index-guestbook-button{margin-left:8px}.tests-section{margin-top:1rem;padding-top:.8rem;border-top:1px solid #eaeaea;clear:both}.tests-section h3{margin-bottom:.6rem;font-size:1.1rem;color:#2c3e50}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:5px 12px;font-size:.875em}.test-item{padding:4px 6px;border-radius:4px;transition:background-color .15s;background-color:transparent;line-height:1.35}.test-item:hover{background-color:rgba(0,0,0,.03)}.test-link{display:block;font-weight:500;color:#06c;text-decoration:none;margin-bottom:1px}.test-warning{color:#ff5a5a;font-size:.85em}.test-desc{margin:0;line-height:1.25;color:#666;font-size:.83em}.site-footer{background-color:#f5f5f5;padding:10px 0;margin-top:50px;margin-bottom:0;border-top:1px solid #e0e0e0}.footer-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.site-footer .footer-link{display:flex;align-items:center;color:#999;text-decoration:none;transition:transform .3s,color .3s,opacity .3s;opacity:.7}.site-footer .footer-link:visited{color:#999}.site-footer .footer-link:active,.site-footer .footer-link:focus,.site-footer .footer-link:hover{transform:translateY(-3px);color:#007bff;text-decoration:none;opacity:1}.site-footer .footer-link.active{color:#333;opacity:1}.footer-link i{font-size:20px;margin-right:5px}.footer-link span{font-size:14px}body.dark-mode{background-color:#1a1a1a;color:#f0f0f0}.dark-mode .content-container{background-color:#2c2c2c;box-shadow:0 4px 6px rgba(255,255,255,.1)}.dark-mode h1{color:#e0e0e0;border-bottom-color:#4a90e2}.dark-mode .project-card{background-color:#2a2a2a}.dark-mode .project-card h2{color:#f5f5f5}.dark-mode .project-card p,.dark-mode .project-link{color:#ccc}.dark-mode .project-link:hover,.dark-mode .site-footer .footer-link.active:active,.dark-mode .site-footer .footer-link.active:focus,.dark-mode .site-footer .footer-link.active:hover{color:#fff}.dark-mode .project-card:hover{background-color:#3a3a3a}.dark-mode .index-guestbook-button{background-color:rgba(150,150,150,.15);color:#eee}.dark-mode .index-guestbook-button:hover{background-color:rgba(150,150,150,.25)}.dark-mode .tests-section{border-top-color:#333}.dark-mode .tests-section h3{color:#e0e0e0}.dark-mode .test-item:hover{background-color:rgba(255,255,255,.05)}.dark-mode .test-link{color:#59f}.dark-mode .test-desc{color:#aaa}.dark-mode .site-footer{background-color:#2a2a2a;border-top-color:#444}.dark-mode .site-footer .footer-link{color:#bbb;opacity:.4}.dark-mode .site-footer .footer-link:visited{color:#bbb}.dark-mode .site-footer .footer-link.active{color:#fff;opacity:1}.dark-mode .site-footer .footer-link:active,.dark-mode .site-footer .footer-link:focus,.dark-mode .site-footer .footer-link:hover{color:#ccc;opacity:1}@media (max-width:768px){.content-container{width:95%;padding:15px}h1{font-size:1.8em}#darkModeToggle{font-size:1.2rem;padding:8px;top:1.5rem;right:.75rem;position:absolute}.button-container-top-right{float:none;margin-top:0;margin-bottom:10px}.tests-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.footer-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:5px}.site-footer .footer-link{flex-direction:column;align-items:center;text-align:center;padding:5px;width:calc(25% - 10px);max-width:70px}.footer-link i{font-size:16px;margin-right:0;margin-bottom:2px}.footer-link span{font-size:10px}}@media (max-width:480px){h1{font-size:1.5em}#darkModeToggle{font-size:1rem;padding:6px;top:1.5rem;right:.5rem;position:absolute}.tests-grid{grid-template-columns:1fr 1fr;gap:2px 8px}}@media (max-width:320px){.tests-grid{grid-template-columns:1fr}.site-footer .footer-link{width:calc(33.33% - 10px)}}