@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;padding:40px 20px}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:80px;padding-top:40px}.logo{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 10px 40px #3b82f64d}h1{font-size:48px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:18px;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.7;font-weight:300}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:60px}.card{background:#1e293b;border-radius:24px;padding:40px;border:1px solid #334155;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s}.card:hover{transform:translateY(-8px);border-color:#475569;box-shadow:0 20px 60px #00000080}.card:hover:before{opacity:1}.card.disabled{opacity:.6;cursor:not-allowed}.card.disabled:hover{transform:none;box-shadow:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.card-number{font-size:64px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.status{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.active{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status.pending{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.card-title{font-size:28px;font-weight:600;margin-bottom:16px;color:#f1f5f9}.card-description{font-size:15px;color:#94a3b8;line-height:1.7;margin-bottom:30px}.card-footer{display:flex;align-items:center;gap:12px;color:#3b82f6;font-weight:600;font-size:14px}.arrow{width:20px;height:20px;transition:transform .3s}.card:hover .arrow{transform:translate(6px)}footer{text-align:center;padding:40px 20px;color:#64748b;font-size:14px;border-top:1px solid #334155;margin-top:60px}footer p{margin:8px 0}@media(max-width:768px){h1{font-size:36px}.subtitle{font-size:16px}.projects{grid-template-columns:1fr;gap:30px}.card{padding:30px}.card-number{font-size:48px}.card-title{font-size:24px}}