.home-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.hero-section{text-align:center;width:100%;max-width:1200px}.logo-container{justify-content:center;margin-bottom:24px;display:flex}.logo-icon{color:#fff;filter:drop-shadow(0 4px 6px #0000001a);width:80px;height:80px}.hero-title{color:#fff;text-shadow:0 2px 10px #0003;letter-spacing:-.02em;margin-bottom:16px;font-size:3.5rem;font-weight:800}.hero-subtitle{color:#ffffffe6;margin-bottom:48px;font-size:1.25rem;font-weight:300}.cards-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin-bottom:48px;margin-left:auto;margin-right:auto;display:grid}.card{cursor:pointer;background:#fff;border-radius:16px;padding:32px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.card:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.card-icon{color:#667eea;width:60px;height:60px;margin:0 auto 20px}.card-publisher .card-icon{color:#f56565}.card-viewer .card-icon{color:#48bb78}.card-reviewer .card-icon{color:#667eea}.card h2{color:#2d3748;margin-bottom:12px;font-size:1.75rem;font-weight:700}.card p{color:#718096;margin-bottom:16px;line-height:1.6}.card-arrow{color:#667eea;font-size:1.5rem;font-weight:700;transition:transform .3s}.card:hover .card-arrow{transform:translate(8px)}.info-section{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:24px}.info-card h3{margin-bottom:8px;font-size:1.125rem;font-weight:600}.info-card p{opacity:.9;font-size:.9rem;line-height:1.5}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cards-container{grid-template-columns:1fr}.logo-icon{width:60px;height:60px}.card{padding:24px}}@media (max-width:480px){.hero-title{font-size:2rem}.info-section{grid-template-columns:1fr}}