*{box-sizing:border-box}body{margin:0;background:#f3f3f3;font-family:Arial;color:#222}header{height:75px;background:#111;display:flex;align-items:center;padding:0 5%;justify-content:space-between}header img{width:150px}header nav{display:flex;gap:18px;color:#fff}main{width:min(1000px,92%);margin:35px auto}section{background:#fff;padding:25px;margin-bottom:25px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.06)}h2{margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid label{display:grid;gap:7px;font-size:13px;font-weight:700}.grid input,.grid textarea{padding:12px;border:1px solid #ccc}.grid textarea{min-height:100px}.full{grid-column:1/-1}.grid button,.login-box button{background:#ff6900;color:#fff;border:0;padding:14px;font-weight:800}.project-list{display:grid;gap:12px}.project-list article{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:15px;border:1px solid #ddd;padding:10px}.project-list img{width:90px;height:65px;object-fit:cover}.project-list span{display:block;color:#777;font-size:12px}.project-list a{color:#d00}.notice{background:#eaf8ed;border:1px solid #9cd5a5;padding:12px;margin-bottom:18px}.login{min-height:100vh;display:grid;place-items:center;background:#111}.login-box{width:min(380px,90%);background:#fff;padding:35px;display:grid;gap:15px}.login-box img{width:180px;background:#111;padding:10px}.login-box input{padding:13px}.error{color:#d00}@media(max-width:650px){.grid{grid-template-columns:1fr}.full{grid-column:auto}}