:root{color:#1f2937;--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--text-primary:#111827;--text-secondary:#6b7280;--bg-card:#fff;--bg-secondary:#f8fafc;--border-color:#e5e7eb;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg-secondary);min-height:100vh;margin:0}.page-shell{max-width:900px;min-height:100vh;margin:0 auto;padding:2rem}.site-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.site-header h1{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:700;animation:.8s ease-out fadeInUp}.site-header p{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:400}.controls-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-bar{flex:1;min-width:250px}.search-bar input{border:2px solid var(--border-color);background:var(--bg-card);width:100%;box-shadow:var(--shadow);border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.search-bar input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}button{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}button:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.submit-button{background:linear-gradient(135deg, var(--accent-color), #f97316);width:100%;margin-top:1rem}.project-form,.project-grid,.project-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:16px;transition:all .3s}.project-form{margin-bottom:2rem;padding:2rem;animation:.5s ease-out slideIn}.project-form:hover{box-shadow:var(--shadow-hover)}.form-row{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-row label{color:var(--text-primary);font-size:.95rem;font-weight:600}.form-row input,.form-row textarea{border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;padding:.875rem;font-size:1rem;transition:all .3s}.form-row input:focus,.form-row textarea:focus{border-color:var(--primary-color);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-row textarea{resize:vertical;min-height:100px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.project-card{border:1px solid var(--border-color);padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.project-card:hover:before{transform:scaleX(1)}.project-card h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.project-card p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.6}.project-meta{color:var(--primary-color);flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:500;display:flex}.project-meta:before{content:"🛠️ "}.project-link{color:var(--primary-color);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-link:hover{color:var(--secondary-color);transform:translate(4px)}.project-link:after{content:"→";transition:transform .3s}.project-link:hover:after{transform:translate(4px)}.empty-state{color:#92400e;text-align:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:16px;padding:3rem 2rem;font-weight:500}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.page-shell{padding:1rem}.site-header h1{font-size:2.5rem}.controls-row{flex-direction:column}.search-bar{min-width:auto}.project-grid{grid-template-columns:1fr}.project-card{padding:1.25rem}}@media (width<=480px){.site-header h1{font-size:2rem}.project-form{padding:1.5rem}}