:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5f9;font-family:Arial,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh}input,textarea,select{color:#222;background:#fff}h2{color:#222}*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f4f5f9;font-family:Arial,sans-serif}.app{min-height:100vh}header{color:#fff;background:#17172e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 7%;display:flex}header h1{font-size:26px}nav{flex-wrap:wrap;gap:10px;display:flex}button{color:#fff;cursor:pointer;background:#6554d9;border:none;border-radius:6px;padding:10px 17px;font-size:14px}button:hover{background:#5140c5}nav button{background:0 0;border:1px solid #777}nav button:hover{background:#6554d9}.hero{color:#fff;text-align:center;background:#242447;padding:75px 20px}.hero h2{margin-bottom:15px;font-size:34px}.hero p{color:#d0d0e2;margin-bottom:25px}.content{width:86%;max-width:1100px;margin:40px auto}.content h2{margin-bottom:22px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}input,textarea,select{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:12px;font-size:14px}.filters input{flex:1;min-width:180px}.filters select{width:170px}.project-grid,.admin-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.project-card,.admin-card{background:#fff;border:1px solid #e0e0e0;border-radius:9px;padding:22px;box-shadow:0 3px 10px #0000000a}.project-card h3,.admin-card h3{color:#393080;margin-bottom:12px}.project-card p,.admin-card p{margin-bottom:12px;line-height:1.5}.tags{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.tags span{color:#5140b5;background:#ece9ff;border-radius:15px;padding:5px 10px;font-size:12px}a{color:#5545c4;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.form-section{background:#fff;border-radius:10px;max-width:600px;padding:30px;box-shadow:0 3px 12px #0000000f}form{flex-direction:column;gap:15px;display:flex}textarea{resize:vertical;min-height:110px}.hint{color:#666;margin-top:15px;font-size:13px}.message{text-align:center;color:#4536a0;background:#e9e5ff;padding:12px}.admin-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.admin-actions{gap:10px;margin-top:15px;display:flex}.admin-actions button:last-child{background:#d74747}footer{text-align:center;color:#fff;background:#17172e;margin-top:50px;padding:22px}@media (width<=600px){header{flex-direction:column}.hero h2{font-size:26px}.content{width:92%}.filters{flex-direction:column}.filters select{width:100%}}.hero h2{color:#fff}