:root{--color-primary: #0078d4;--color-secondary: #7b2ff7;--color-text: #1a1a1a;--color-text-light: #5a6c7d;--color-text-muted: #888;--color-bg: #ffffff;--color-border: rgba(0, 120, 212, .2);--gradient-primary: linear-gradient(135deg, #0078d4 0%, #2ecc71 100%);--gradient-secondary: linear-gradient(90deg, #0078d4, #7b2ff7);--gradient-hero: linear-gradient(135deg, #0078d4, #7b2ff7);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 80px;--radius-sm: 8px;--radius-md: 20px;--radius-lg: 30px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 32px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(52, 152, 219, .15);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 36px;--font-3xl: 42px;--font-4xl: 48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f5f7ff,#eef1ff);color:var(--color-text);overflow-x:hidden}.container{width:90%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.container{width:95%;padding:0 var(--spacing-sm)}}.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}.logo img{width:32px;height:32px}.logo span{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:var(--transition-normal)}.nav-link:hover{color:var(--color-primary)}nav ul{display:flex;list-style:none;gap:30px;margin:0}@media(max-width:900px){nav ul{display:none}}.lang-selector{position:relative}.lang-select{padding:8px 32px 8px 12px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffffe6;color:#333;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:var(--transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%230078d4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.lang-select:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.lang-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0078d41a}header{padding:20px 40px;position:sticky;top:20px;z-index:100}.header-container{max-width:100%;margin:0;padding:0}.navbar{max-width:1400px;margin:0 auto;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:15px 40px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5);display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s ease}.navbar:hover{box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 1px #fffc}.logo-group{display:flex;align-items:center;gap:15px}.nav-right{display:flex;align-items:center;gap:20px}.home-icon{display:none;width:24px;height:24px;color:#333;cursor:pointer;transition:var(--transition-normal)}.home-icon:hover{color:var(--color-primary)}@media(max-width:900px){header{padding:15px 20px}.navbar{padding:12px 20px}.nav-right{gap:15px}.home-icon{display:block}}.link{color:#ccc;text-decoration:none;font-size:var(--font-sm);transition:var(--transition-normal)}.link:hover{color:var(--color-primary)}footer{padding:80px 40px 40px;background:#111827;color:#ccc}.footer-content{max-width:1400px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);gap:30px}.footer-social{display:flex;gap:12px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff14;color:#999;transition:all .25s ease}.social-link:hover{transform:translateY(-2px)}.social-youtube:hover{background:#ff000026;color:red}.social-instagram:hover{background:#c1358426;color:#c13584}.social-tiktok:hover{background:#ffffff26;color:#fff}.social-facebook:hover{background:#1877f226;color:#1877f2}.footer-brand h3{font-size:28px;margin-bottom:15px;background:linear-gradient(90deg,#0078d4,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-brand p{font-size:14px;line-height:1.6;opacity:.7;max-width:400px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;flex-wrap:wrap;gap:20px}.footer-bottom p{font-size:14px;opacity:.6;margin:0}.footer-legal{display:flex;gap:15px;align-items:center;font-size:14px}.footer-legal span{opacity:.3}@media(max-width:900px){.footer-top{flex-direction:column;align-items:center;text-align:center}.footer-brand p{max-width:100%}.footer-bottom{flex-direction:column;text-align:center}.footer-legal a{color:var(--color-primary)}}