.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease;width:280px;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px)}.product-card .product-image{width:100%;height:200px;object-fit:cover}.product-card .product-details{padding:1rem}.product-card .product-details .product-name{font-size:1.2rem;margin:.5rem 0;color:#333}.product-card .product-details .product-price{font-size:1rem;color:#777}.product-card .product-details .buy-button{margin-top:1rem;padding:.5rem 1rem;background-color:#0d6efd;color:#fff;border:none;border-radius:6px;cursor:pointer}.product-card .product-details .buy-button:hover{background-color:#084ec1}.product-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.about-section{padding:4rem 2rem;background:#fff}.about-section .about-container{max-width:800px;margin:auto;display:flex;align-items:center;gap:2rem}.about-section .about-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0000001a}.about-section .about-text h2{font-size:2rem;margin-bottom:.5rem}.about-section .about-text p{line-height:1.6;color:#333}.featured-work-section{padding:4rem 2rem;background:#f9fafb;text-align:center}.featured-work-section h2{font-size:2rem;margin-bottom:2rem;color:#1f2937}.featured-work-section .featured-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1000px;margin:auto;justify-items:center}.featured-work-section .featured-card{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 12px #0000000d;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center}.featured-work-section .featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.featured-work-section .featured-card .featured-image-wrapper{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.featured-work-section .featured-card .featured-image-wrapper.wide{width:100%;height:160px}.featured-work-section .featured-card .featured-image-wrapper.square{width:160px;height:160px}.featured-work-section .featured-card img{max-width:100%;max-height:100%;object-fit:contain}.featured-work-section .featured-card .featured-content{width:100%;padding:0 1rem}.featured-work-section .featured-card .featured-content h3{margin:.5rem 0;font-size:1.1rem}.featured-work-section .featured-card .featured-content p{font-size:.9rem;color:#4b5563;line-height:1.4}.hero{padding:5rem 2rem;background:linear-gradient(to right,#1e3c72,#2a5298);color:#fff;text-align:center}.hero .hero-content{max-width:700px;margin:auto}.hero .hero-content h1{font-size:3rem;margin-bottom:1rem}.hero .hero-content p{font-size:1.3rem;opacity:.9}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(to bottom right,#111827,#1f2937);color:#fff}.login-page .login-container{background:#ffffff0d;padding:3rem 2rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.login-page .login-container h2{width:100%;text-align:center;margin-bottom:1.5rem;font-size:1.75rem}.login-page .login-container .form-group{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.login-page .login-container input,.login-page .login-container button{width:100%;box-sizing:border-box}.login-page .login-container input{padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:1rem}.login-page .login-container button{width:auto;max-width:200px;align-self:center;padding:.5rem 1rem;font-size:.9rem;background:#fff;color:#000;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s}.login-page .login-container button:hover{background:#e5e7eb}.login-page .login-container .error-message{margin-top:1rem;color:#f87171;font-size:.875rem;text-align:center}body{font-family:system-ui,sans-serif;background-color:#f9f9f9;margin:0}h1{color:#3b82f6;font-size:2rem}