@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#050a14;--bg-gradient-start:#0f172a;--bg-gradient-end:#020617;--card-bg:#1e293b66;--glass-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--shadow-lg:0 25px 50px -12px #00000080;--glow-subtle:0 0 40px #3b82f61a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Outfit,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-wrapper{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-mesh{z-index:0;pointer-events:none;filter:blur(40px);background-image:radial-gradient(circle at 15% 20%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 85% 60%,#8b5cf626 0%,#0000 40%),radial-gradient(circle at 50% 80%,#ec48991a 0%,#0000 40%);width:100vw;height:100vh;animation:20s ease-in-out infinite alternate mesh-shift;position:absolute;top:0;left:0}@keyframes mesh-shift{0%{transform:scale(1)translateY(0)}50%{transform:scale(1.1)translateY(-10px)}to{transform:scale(1.05)translateY(10px)}}.main-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:4rem 2rem;display:flex;position:relative}.hero{text-align:center;margin-bottom:5rem;animation:1s ease-out both fade-in-up}.hero-title{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:700}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem;font-weight:300}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;width:100%;display:grid}.project-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:left;box-shadow:var(--shadow-lg), var(--glow-subtle);opacity:0;border-radius:24px;flex-direction:column;align-items:flex-start;padding:2.5rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out forwards fade-in-up;display:flex;position:relative;overflow:hidden}.project-card:nth-child(2){animation-delay:.15s}.project-card:nth-child(3){animation-delay:.3s}.project-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 35px 60px -15px #0009,0 0 50px #ffffff0d}.project-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.project-card:hover:before{left:150%}.card-icon-wrapper{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.75rem;display:flex}.icon-blue{color:var(--accent-blue);background:#3b82f60d;border-color:#3b82f633}.icon-purple{color:var(--accent-purple);background:#8b5cf60d;border-color:#8b5cf633}.icon-pink{color:var(--accent-pink);background:#ec48990d;border-color:#ec489933}.card-title{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.card-link{color:#fff;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;transition:gap .3s,color .3s;display:flex}.project-card:hover .card-link{gap:.75rem}.footer{text-align:center;color:var(--text-secondary);z-index:10;margin-top:auto;padding:2rem;font-size:.85rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-title{font-size:3rem}.main-content{padding:3rem 1.5rem}}