*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--accent-color: #6366f1;--accent-hover: #4f46e5;--card-bg: #f8f9fa;--border-color: #e5e7eb}@media (prefers-color-scheme: dark){:root{--bg-color: #0f0f0f;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #818cf8;--accent-hover: #6366f1;--card-bg: #1a1a1a;--border-color: #333333}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-image:url(/assets/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:0}@media (prefers-color-scheme: light){body:before{background-color:#0000004d}}#app{width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.container{max-width:600px;width:100%;text-align:center;animation:fadeIn .8s ease-in;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:48px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo{height:60px;max-width:100%;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}@media (prefers-color-scheme: dark){.logo-light{display:none}.logo-dark{display:block}}@media (prefers-color-scheme: light){.logo-light{display:block}.logo-dark{display:none}}h1{font-size:48px;font-weight:700;margin-bottom:16px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:slideUp .6s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subtitle{font-size:20px;color:#f0f0f0;margin-bottom:32px;line-height:1.6;text-shadow:0 1px 5px rgba(0,0,0,.5);animation:slideUp .6s ease-out .4s both}.description{font-size:16px;color:#e5e5e5;margin-bottom:48px;line-height:1.8;padding:0 20px;text-shadow:0 1px 5px rgba(0,0,0,.5);animation:slideUp .6s ease-out .6s both}.social-links{display:flex;gap:20px;justify-content:center;animation:slideUp .6s ease-out 1s both}.social-link{color:#e0e0e0;text-decoration:none;font-size:14px;transition:color .3s ease,transform .3s ease;display:inline-flex;align-items:center;gap:6px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.social-link:hover{color:#fff;transform:translateY(-2px)}.footer{margin-top:48px;color:#d0d0d0;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:slideUp .6s ease-out 1.2s both}@media (max-width: 640px){h1{font-size:36px}.subtitle{font-size:18px}.logo{height:48px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.logo-container:hover .logo{animation:pulse 2s ease-in-out infinite}