:root{--primary-color: #6e44ff;--secondary-color: #2a2a2a;--accent-color: #00f7ff}body{margin:0;padding:0;background:#0a0a0a;color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;opacity:.3;pointer-events:none}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}header{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.logo{font-size:2rem;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav ul{display:flex;gap:2rem;list-style:none;align-items:center;margin:0;padding:0}nav a{color:#fff;text-decoration:none;transition:color .3s}nav a:hover{color:var(--accent-color)}.hero{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.glowing-sphere{width:300px;height:300px;background:radial-gradient(circle at center,var(--primary-color),transparent);border-radius:50%;position:absolute;filter:blur(60px);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.title{font-size:4rem;text-align:center;margin-bottom:1rem;position:relative;z-index:1;line-height:1.2;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 3s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.title:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(110,68,255,.1),transparent 70%);z-index:-1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.3}to{transform:translate(-50%,-50%) scale(1);opacity:.5}}.subtitle{font-size:1.5rem;opacity:.8;text-align:center;margin-bottom:2rem;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.notify-btn{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:none;padding:1rem 2rem;color:#fff;border-radius:30px;font-size:1.1rem;cursor:pointer;transition:transform .3s}.notify-btn:hover{transform:scale(1.05)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 0}.feature-card{background:#ffffff0d;padding:2rem;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s;min-height:200px;display:flex;flex-direction:column;justify-content:center}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h2{font-size:1.5rem;margin:1rem 0;color:var(--accent-color)}.feature-card p{line-height:1.6;margin:0;color:#ffffffe6}.language-switcher select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:100px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.language-switcher select:hover{background:#fff3;border-color:var(--accent-color)}.language-switcher select option{background:#1a1a1a;color:#fff;padding:8px}@media (max-width: 768px){nav ul{gap:1rem}.language-switcher select{font-size:.8rem;padding:.4rem;min-width:80px}}