body{margin:0}#app{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;width:100%;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 40px;display:flex}.logo{color:#fff;font-size:20px;font-weight:700}nav{flex-wrap:wrap;align-items:center;gap:30px;display:flex}nav a{color:#ccc;font-size:14px;text-decoration:none;transition:color .3s}nav a:hover{color:#fff}.btn-signup{color:#000;background-color:#fff;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .3s;display:inline-flex}.btn-signup:hover{opacity:.9}.btn-signup:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%23000' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23000' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23000' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:18px;height:18px;display:inline-block}#user-menu{align-items:center;gap:15px;display:inline-flex}#user-name{color:#ccc;font-size:14px}#logout-btn{color:#ccc;font-size:14px;text-decoration:none;transition:color .3s}#logout-btn:hover{color:#fff}footer{max-width:1200px;margin:0 auto;padding:80px 40px 40px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:40px;margin-bottom:60px;display:grid}.footer-column h4{color:#999;margin-bottom:16px;font-size:14px}.footer-column a{color:#666;margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid #222;justify-content:space-between;align-items:center;padding-top:40px;display:flex}.footer-bottom p{color:#666;font-size:14px}.social-links{gap:20px;display:flex}.social-links a{color:#666;font-size:14px;text-decoration:none;transition:color .3s}.social-links a:hover{color:#fff}.language-switcher{display:inline-block;position:relative}.lang-btn{color:#ccc;cursor:pointer;background-color:#0000;border:1px solid #333;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .3s;display:flex}.lang-btn:hover{color:#fff;border-color:#fff}.lang-arrow{font-size:10px;transition:transform .3s}.language-switcher.active .lang-arrow{transform:rotate(180deg)}.lang-dropdown{z-index:1000;background-color:#111;border:1px solid #222;border-radius:6px;min-width:150px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}.lang-option{color:#ccc;text-align:left;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;transition:background-color .2s;display:flex}.lang-option:hover{color:#fff;background-color:#1a1a1a}.lang-option.active{color:#fff;background-color:#222}.lang-code{min-width:24px;font-weight:600}.lang-name{flex:1}@media (width<=768px){.header-content{padding:20px}nav{gap:15px}nav a:not(.btn-signup){display:none}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}