@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary-bg: #030712;--secondary-bg: #0f172a;--accent-blue: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(30, 41, 59, .6);--glass-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--primary-bg);background-image:radial-gradient(circle at 15% 50%,rgba(30,58,138,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.1),transparent 25%);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;overflow:hidden}.app-header{text-align:center;margin-bottom:4rem;animation:fadeInDown 1s ease-out}.app-title{font-size:3.5rem;font-weight:800;letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.app-subtitle{font-size:1.25rem;color:var(--text-muted);font-weight:300}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:900px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tile-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .6s ease-out backwards;box-shadow:0 4px 24px -4px #0003}.tile-card:hover{transform:translateY(-4px) scale(1.02);border-color:#3b82f666;box-shadow:0 12px 32px -8px var(--accent-glow);background:#1e293bcc}.tile-logo-wrapper{flex-shrink:0}.tile-logo{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),#2563eb);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#fff;box-shadow:0 0 20px #3b82f680;position:relative;overflow:hidden;transition:transform .3s ease}.tile-logo:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .5s ease}.tile-card:hover .tile-logo:after{left:200%}.tile-card:hover .tile-logo{transform:scale(1.05);box-shadow:0 0 30px #3b82f6cc}.tile-content{display:flex;flex-direction:column;gap:.25rem}.tile-title{font-size:1.25rem;font-weight:600;color:var(--text-main);letter-spacing:.02em}.tile-description{font-size:.9rem;color:var(--text-muted);line-height:1.5;font-weight:300}