*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);border-radius:20px;width:100%;max-width:500px;padding:3rem 2rem;box-shadow:0 20px 40px rgba(0,0,0,.1)}.logo-container{position:relative}.logo{object-fit:cover;border-radius:15px;margin-bottom:1.5rem;transition:all .3s;box-shadow:0 8px 16px rgba(0,0,0,.15);width:120px!important;height:120px!important}.logo:hover{transform:scale(1.05)rotate(2deg)}.logo-container:before{content:"";opacity:0;z-index:-1;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:20px;transition:opacity .3s;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.logo-container:hover:before{opacity:.3}.headline{color:#2d3748;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.2}.tagline{color:#4a5568;margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.live-clock{color:#4c51bf;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:10px;margin-bottom:2rem;padding:.75rem;font-weight:500}.features{text-align:left;margin-bottom:2.5rem}.features h3{color:#2d3748;text-align:center;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.feature-grid{gap:1rem;margin-top:1rem;display:grid}.feature-card{cursor:pointer;text-align:left;background:rgba(255,255,255,.8);border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:1.25rem;transition:all .3s;position:relative}.feature-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.2)}.feature-card.expanded{background:rgba(102,126,234,.05);border-color:#667eea}.feature-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.feature-icon{font-size:1.5rem}.feature-card h4{color:#2d3748;margin:0;font-size:1.1rem;font-weight:600}.feature-description{color:#4a5568;margin:0;font-size:.95rem}.feature-details{border-top:1px solid rgba(102,126,234,.2);margin-top:1rem;padding-top:1rem;animation:.3s expandIn}.feature-details p{color:#2d3748;margin:0;font-size:.9rem}.feature-indicator{color:#667eea;font-size:1.2rem;font-weight:700;position:absolute;top:1.25rem;right:1.25rem}.interactive-section{background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.15);border-radius:15px;margin:2.5rem 0 2rem;padding:2rem}.interactive-section h3{color:#2d3748;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.interactive-section p{color:#4a5568;margin-bottom:1rem}.social-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.social-btn{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:25px;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.social-btn:hover{color:#fff;background:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.3)}.footer{border-top:1px solid rgba(0,0,0,.1);margin-top:2rem;padding-top:1.5rem}.footer p{color:#718096;font-size:.875rem}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:100px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:640px){.content{margin:1rem;padding:2rem 1.5rem}.headline{font-size:1.75rem}.social-buttons{flex-direction:column;align-items:center}.social-btn{width:100%;max-width:200px}.feature-card{padding:1rem}.interactive-section{padding:1.5rem}}@media (max-width:480px){.container{padding:1rem .5rem}.content{padding:1.5rem 1rem}.headline{font-size:1.5rem}.logo{width:100px!important;height:100px!important}}