@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}html{scroll-behavior:smooth}.app-container{max-width:1400px;margin:0 auto;padding:60px 20px;min-height:100vh}.app-header{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease}.app-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-1px}.app-subtitle{font-size:18px;color:#4a5568;font-weight:400}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,280px));gap:30px;justify-content:center;animation:fadeInUp .8s ease .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-container{padding:40px 16px}.app-title{font-size:36px}.app-subtitle{font-size:16px}.cards-grid{gap:24px;grid-template-columns:1fr}}.card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000026;transition:all .4s cubic-bezier(.175,.885,.32,1.275);max-width:280px;width:100%;position:relative;cursor:pointer}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #667eea66}.card:hover:before{opacity:1}.card-image-container{position:relative;width:100%;height:180px;overflow:hidden}.card-placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff3,#ffffff0d);transition:transform .6s ease}.card-placeholder-image svg{width:60px;height:60px;color:#fffc;transition:all .4s ease}.card:hover .card-placeholder-image{transform:scale(1.05)}.card:hover .card-placeholder-image svg{transform:scale(1.1);color:#fff}.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000,#00000080);opacity:0;transition:opacity .4s ease}.card:hover .card-overlay{opacity:1}.card-content{padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.card-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.3;transition:color .3s ease}.card:hover .card-title{color:#667eea}.card-description{font-size:13px;color:#4a5568;line-height:1.5;margin:0 0 16px}.card-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 20px;border-radius:50px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.card-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.card-button:hover:before{left:100%}.card-button:hover{transform:translate(4px);box-shadow:0 6px 20px #667eea80}.card-button:active{transform:translate(4px) scale(.98)}.button-arrow{display:inline-block;transition:transform .3s ease;font-size:18px}.card-button:hover .button-arrow{transform:translate(4px)}@media(max-width:480px){.card{max-width:100%}.card-image-container{height:200px}.card-content{padding:20px}.card-title{font-size:20px}.card-description{font-size:14px}}