@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.modal-overlay[data-v-a1038fff]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-a1038fff]{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-card[data-v-a1038fff]{background:#fff;border-radius:24px;padding:0;position:relative;box-shadow:0 20px 60px #2563eb40;border:1px solid rgba(37,99,235,.1);overflow:hidden;animation:modalSlideIn-a1038fff .3s ease-out}.modal-card[data-v-a1038fff]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer-a1038fff 3s infinite}@keyframes shimmer-a1038fff{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes modalSlideIn-a1038fff{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close[data-v-a1038fff]{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--gray-600)}.modal-close[data-v-a1038fff]:hover{background:var(--gray-200);color:var(--gray-900);transform:rotate(90deg)}.modal-header[data-v-a1038fff]{padding:48px 48px 32px;text-align:center;border-bottom:1px solid var(--gray-100)}.modal-title[data-v-a1038fff]{font-size:28px;font-weight:700;color:var(--gray-900);margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.modal-content[data-v-a1038fff]{padding:32px 48px 48px}.offer-text[data-v-a1038fff]{text-align:center;margin-bottom:32px}.offer-main[data-v-a1038fff]{font-size:18px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.offer-subtitle[data-v-a1038fff]{font-size:14px;font-weight:500;color:var(--gray-600);margin-bottom:16px}.price-section[data-v-a1038fff]{display:flex;flex-direction:column;align-items:center;gap:8px}.price-label[data-v-a1038fff]{font-size:14px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.price-container[data-v-a1038fff]{display:flex;align-items:baseline;gap:12px}.price-current[data-v-a1038fff]{font-size:48px;font-weight:700;color:var(--primary-blue);line-height:1}.price-old[data-v-a1038fff]{font-size:24px;font-weight:600;color:var(--gray-400);text-decoration:line-through}.payment-form[data-v-a1038fff]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-a1038fff]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-a1038fff]{font-size:14px;font-weight:600;color:var(--gray-700)}.form-input[data-v-a1038fff]{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:16px;transition:all .3s ease;font-family:inherit}.form-input[data-v-a1038fff]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input[data-v-a1038fff]::placeholder{color:var(--gray-400)}.agreement-section[data-v-a1038fff]{display:flex;flex-direction:column;gap:16px}.checkbox-label[data-v-a1038fff]{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-input[data-v-a1038fff]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:var(--primary-blue)}.checkbox-text[data-v-a1038fff]{font-size:13px;line-height:1.5;color:var(--gray-600)}.auto-payment-checkbox[data-v-a1038fff]{margin-top:8px}.auto-payment-checkbox .checkbox-text[data-v-a1038fff]{font-size:13px;line-height:1.6;color:var(--gray-700);font-weight:500}.agreement-text[data-v-a1038fff]{font-size:12px;line-height:1.5;color:var(--gray-600);margin:0}.link[data-v-a1038fff]{color:var(--primary-blue);text-decoration:underline;transition:color .3s ease}.link[data-v-a1038fff]:hover{color:var(--primary-blue-dark)}.btn-pay[data-v-a1038fff]{width:100%;padding:16px 32px;background:var(--primary-blue);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-pay[data-v-a1038fff]:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-pay[data-v-a1038fff]:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.error-message[data-v-a1038fff]{margin-top:16px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;text-align:center}.modal-enter-active[data-v-a1038fff],.modal-leave-active[data-v-a1038fff]{transition:opacity .3s ease}.modal-enter-active .modal-card[data-v-a1038fff],.modal-leave-active .modal-card[data-v-a1038fff]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-a1038fff],.modal-leave-to[data-v-a1038fff]{opacity:0}.modal-enter-from .modal-card[data-v-a1038fff],.modal-leave-to .modal-card[data-v-a1038fff]{transform:translateY(-20px) scale(.95);opacity:0}@media(max-width:768px){.modal-container[data-v-a1038fff]{max-width:100%;padding:0}.modal-header[data-v-a1038fff]{padding:40px 32px 24px}.modal-title[data-v-a1038fff]{font-size:24px}.modal-content[data-v-a1038fff]{padding:24px 32px 40px}.offer-main[data-v-a1038fff]{font-size:16px}.price-current[data-v-a1038fff]{font-size:40px}.price-old[data-v-a1038fff]{font-size:20px}.modal-close[data-v-a1038fff]{top:16px;right:16px;width:36px;height:36px}}@media(max-width:480px){.modal-overlay[data-v-a1038fff]{padding:0}.modal-card[data-v-a1038fff]{border-radius:0;min-height:100vh;max-height:100vh}.modal-header[data-v-a1038fff]{padding:32px 24px 20px}.modal-title[data-v-a1038fff]{font-size:20px}.modal-content[data-v-a1038fff]{padding:20px 24px 32px}.price-current[data-v-a1038fff]{font-size:36px}}.modal-overlay[data-v-996178cd]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-996178cd]{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-card[data-v-996178cd]{background:#fff;border-radius:24px;padding:0;position:relative;box-shadow:0 20px 60px #2563eb40;border:1px solid rgba(37,99,235,.1);overflow:hidden;animation:modalSlideIn-996178cd .3s ease-out}.modal-card[data-v-996178cd]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer-996178cd 3s infinite}@keyframes shimmer-996178cd{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes modalSlideIn-996178cd{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close[data-v-996178cd]{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--gray-600)}.modal-close[data-v-996178cd]:hover{background:var(--gray-200);color:var(--gray-900);transform:rotate(90deg)}.modal-header[data-v-996178cd]{padding:48px 48px 32px;text-align:center;border-bottom:1px solid var(--gray-100)}.modal-title[data-v-996178cd]{font-size:28px;font-weight:700;color:var(--gray-900);margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.modal-content[data-v-996178cd]{padding:32px 48px 48px}.description-text[data-v-996178cd]{text-align:center;margin-bottom:32px}.description-main[data-v-996178cd]{font-size:18px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.cancel-form[data-v-996178cd]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-996178cd]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-996178cd]{font-size:14px;font-weight:600;color:var(--gray-700)}.form-input[data-v-996178cd]{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:16px;transition:all .3s ease;font-family:inherit}.form-input[data-v-996178cd]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input[data-v-996178cd]:disabled{background-color:var(--gray-50);cursor:not-allowed;opacity:.7}.form-input[data-v-996178cd]::placeholder{color:var(--gray-400)}.form-input-error[data-v-996178cd]{border-color:#ef4444}.form-input-error[data-v-996178cd]:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message[data-v-996178cd]{font-size:13px;color:#ef4444;margin:0;animation:fadeIn-996178cd .3s ease}.success-message[data-v-996178cd]{font-size:13px;color:#10b981;margin:0;animation:fadeIn-996178cd .3s ease;font-weight:500}@keyframes fadeIn-996178cd{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-cancel[data-v-996178cd]{width:100%;padding:16px 32px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;position:relative;overflow:hidden}.btn-cancel[data-v-996178cd]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-cancel[data-v-996178cd]:hover:not(:disabled):before{left:100%}.btn-cancel[data-v-996178cd]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 10px 25px #ef44444d}.btn-cancel[data-v-996178cd]:active:not(:disabled){transform:translateY(0)}.btn-cancel[data-v-996178cd]:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.modal-enter-active[data-v-996178cd],.modal-leave-active[data-v-996178cd]{transition:opacity .3s ease}.modal-enter-active .modal-card[data-v-996178cd],.modal-leave-active .modal-card[data-v-996178cd]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-996178cd],.modal-leave-to[data-v-996178cd]{opacity:0}.modal-enter-from .modal-card[data-v-996178cd],.modal-leave-to .modal-card[data-v-996178cd]{transform:translateY(-20px) scale(.95);opacity:0}@media(max-width:768px){.modal-container[data-v-996178cd]{max-width:100%;padding:0}.modal-header[data-v-996178cd]{padding:40px 32px 24px}.modal-title[data-v-996178cd]{font-size:24px}.modal-content[data-v-996178cd]{padding:24px 32px 40px}.description-main[data-v-996178cd]{font-size:16px}.modal-close[data-v-996178cd]{top:16px;right:16px;width:36px;height:36px}}@media(max-width:480px){.modal-overlay[data-v-996178cd]{padding:0}.modal-card[data-v-996178cd]{border-radius:0;min-height:100vh;max-height:100vh}.modal-header[data-v-996178cd]{padding:32px 24px 20px}.modal-title[data-v-996178cd]{font-size:20px}.modal-content[data-v-996178cd]{padding:20px 24px 32px}}:root{--brutal-black: #000000;--brutal-yellow: #FFD600;--brutal-red: #EF4444;--brutal-bg: #F0F0F0;--brutal-white: #FFFFFF;--brutal-shadow: 8px 8px 0px 0px rgba(0,0,0,1);--brutal-shadow-lg: 12px 12px 0px 0px rgba(0,0,0,1);--brutal-shadow-yellow: 8px 8px 0px 0px rgba(255,255,0,1);--brutal-shadow-red: 8px 8px 0px 0px rgba(239,68,68,1);--brutal-shadow-white: 8px 8px 0px 0px rgba(255,255,255,1);--brutal-shadow-xl: 20px 20px 0px 0px rgba(255,255,0,1);--font-brutal: "Impact", "Arial Black", sans-serif;--font-body: "Space Grotesk", sans-serif}html,body{overflow-x:hidden;width:100%}body{font-family:var(--font-body);background-color:var(--brutal-bg);color:var(--brutal-black);line-height:1.6}h1,h2,h3,h4,h5,h6,.logo-font{font-family:var(--font-brutal);letter-spacing:-.02em;font-weight:900}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}p{line-height:1.8}::selection{background:var(--brutal-yellow);color:var(--brutal-black)}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 2rem}}.neo-card{border:4px solid var(--brutal-black);box-shadow:var(--brutal-shadow);background-color:var(--brutal-white);transition:all .2s ease}.neo-card:hover{box-shadow:var(--brutal-shadow-lg);transform:translate(-4px,-4px)}.brutal-button{border:4px solid var(--brutal-black);font-weight:900;font-family:var(--font-brutal);cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:1rem}.brutal-button:active{transform:translate(4px,4px);box-shadow:none!important}.brutal-button-yellow{background-color:var(--brutal-yellow);color:var(--brutal-black);box-shadow:var(--brutal-shadow)}.brutal-button-yellow:hover{box-shadow:none;transform:translate(2px,2px)}.brutal-button-red{background-color:var(--brutal-red);color:var(--brutal-white);box-shadow:var(--brutal-shadow)}.brutal-button-red:hover{box-shadow:none;transform:translate(4px,4px)}.brutal-button-black{background-color:var(--brutal-black);color:var(--brutal-white);box-shadow:var(--brutal-shadow-yellow)}.brutal-button-black:hover{box-shadow:none;transform:translate(4px,4px)}.brutal-button-white{background-color:var(--brutal-white);color:var(--brutal-black);box-shadow:var(--brutal-shadow)}.brutal-button-white:hover{box-shadow:none;transform:translate(4px,4px)}.brutal-input{border:4px solid var(--brutal-black);padding:1rem;font-size:1.125rem;font-weight:700;font-family:var(--font-body);box-shadow:4px 4px #000;background-color:var(--brutal-white);transition:all .2s ease}.brutal-input:focus{outline:none;box-shadow:var(--brutal-shadow-lg);transform:translate(-2px,-2px)}.brutal-input::placeholder{color:var(--brutal-black);opacity:.6}.vlogup-header{position:sticky;top:0;z-index:50;background-color:var(--brutal-bg);border-bottom:4px solid var(--brutal-black);padding:.75rem 1rem}@media(min-width:640px){.vlogup-header{padding:.75rem 2rem}}.vlogup-header-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.vlogup-logo{background-color:var(--brutal-black);color:var(--brutal-white);padding:.25rem 1rem;font-size:1.5rem;font-weight:900;font-family:var(--font-brutal);letter-spacing:-.02em;text-decoration:none;display:inline-block;line-height:1}.vlogup-header-button{padding:.5rem 1.5rem;font-size:1rem;font-weight:700}.vlogup-hero{max-width:1280px;margin:0 auto;padding:4rem 1rem;text-align:center}@media(min-width:640px){.vlogup-hero{padding:6rem 2rem}}.vlogup-hero-title{font-size:2.25rem;line-height:1.2;margin-bottom:2rem;text-transform:uppercase;color:var(--brutal-black)}@media(min-width:640px){.vlogup-hero-title{font-size:3.75rem}}@media(min-width:768px){.vlogup-hero-title{font-size:4.5rem}}.vlogup-hero-accent{background-color:var(--brutal-red);color:var(--brutal-white);padding:0 1rem;display:inline-block;transform:rotate(-1deg)}.vlogup-hero-description{font-size:1.25rem;margin-bottom:3rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.75;color:var(--brutal-black)}@media(min-width:640px){.vlogup-hero-description{font-size:1.5rem}}.vlogup-hero-form{max-width:42rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem}@media(min-width:640px){.vlogup-hero-form{flex-direction:row}}.vlogup-features{max-width:1280px;margin:0 auto;padding:4rem 1rem}@media(min-width:640px){.vlogup-features{padding:4rem 2rem}}.vlogup-features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.vlogup-features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vlogup-features-grid{grid-template-columns:repeat(3,1fr)}}.vlogup-feature-card{padding:2rem}.vlogup-feature-icon-wrapper{width:4rem;height:4rem;border:4px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.vlogup-feature-icon{width:2.5rem;height:2.5rem}.vlogup-feature-title{font-size:1.5rem;margin-bottom:1rem;text-transform:uppercase;font-weight:900;color:var(--brutal-black)}.vlogup-feature-description{font-size:1.125rem;line-height:1.75;color:var(--brutal-black)}.vlogup-target-audience{max-width:1280px;margin:0 auto;padding:5rem 1rem;background-color:var(--brutal-bg)}@media(min-width:640px){.vlogup-target-audience{padding:5rem 2rem}}.vlogup-target-audience-content{max-width:1280px;margin:0 auto;text-align:center}.vlogup-target-audience-quote{font-size:1.875rem;margin-bottom:2rem;text-transform:uppercase;line-height:1.3;font-weight:900;color:var(--brutal-black)}@media(min-width:640px){.vlogup-target-audience-quote{font-size:2.5rem}}@media(min-width:768px){.vlogup-target-audience-quote{font-size:3rem}}.vlogup-target-audience-subtitle{font-size:1.25rem;margin-bottom:2.5rem;font-weight:600;color:var(--brutal-black)}@media(min-width:640px){.vlogup-target-audience-subtitle{font-size:1.5rem}}.vlogup-games-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1000px;margin:0 auto}@media(min-width:640px){.vlogup-games-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.vlogup-games-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.vlogup-game-card{padding:2rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;opacity:0;animation:fadeInUp .6s ease forwards}.vlogup-game-card:nth-child(1){animation-delay:.1s}.vlogup-game-card:nth-child(2){animation-delay:.2s}.vlogup-game-card:nth-child(3){animation-delay:.3s}.vlogup-game-card:nth-child(4){animation-delay:.4s}.vlogup-game-card:nth-child(5){animation-delay:.5s}@media(min-width:640px){.vlogup-game-card{padding:2.5rem 2rem}}@media(min-width:1024px){.vlogup-game-card{padding:3rem 2.5rem}}.vlogup-game-card:hover{transform:translate(-6px,-6px) scale(1.02);box-shadow:var(--brutal-shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vlogup-game-card-others{background-color:var(--brutal-yellow);font-weight:900}@media(min-width:1024px){.vlogup-game-card-others{grid-column:span 1}}.vlogup-game-name{font-size:1.25rem;font-weight:700;text-transform:uppercase;color:var(--brutal-black);letter-spacing:-.02em;transition:transform .3s ease}@media(min-width:640px){.vlogup-game-name{font-size:1.5rem}}@media(min-width:1024px){.vlogup-game-name{font-size:1.75rem}}.vlogup-game-card:hover .vlogup-game-name{transform:scale(1.05)}.vlogup-stats{background-color:var(--brutal-black);color:var(--brutal-white);padding:5rem 1rem}@media(min-width:640px){.vlogup-stats{padding:5rem 2rem}}.vlogup-stats-content{max-width:1280px;margin:0 auto;text-align:center}.vlogup-stats-title{font-size:1.875rem;margin-bottom:2rem;text-transform:uppercase;line-height:1.2}@media(min-width:640px){.vlogup-stats-title{font-size:3rem}}.vlogup-stats-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}@media(min-width:768px){.vlogup-stats-grid{grid-template-columns:repeat(2,1fr)}}.vlogup-stat-card{border:4px solid var(--brutal-white);padding:2rem;box-shadow:var(--brutal-shadow-white)}.vlogup-stat-value{font-size:3.75rem;font-weight:900;margin-bottom:.5rem}.vlogup-stat-label{font-size:1.25rem;font-weight:700;text-transform:uppercase}.vlogup-pricing{max-width:1280px;margin:0 auto;padding:6rem 1rem}@media(min-width:640px){.vlogup-pricing{padding:6rem 2rem}}.vlogup-pricing-title{font-size:3rem;font-weight:900;margin-bottom:4rem;text-align:center;text-transform:uppercase}.vlogup-pricing-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.vlogup-pricing-grid{grid-template-columns:repeat(3,1fr)}}.vlogup-pricing-card{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.vlogup-pricing-badge{position:absolute;top:1rem;right:-2.25rem;background-color:var(--brutal-red);color:var(--brutal-white);font-weight:900;padding:.25rem 3rem;transform:rotate(45deg);border-bottom:4px solid var(--brutal-black);font-size:.875rem}.vlogup-pricing-name{font-size:1.875rem;font-weight:900;margin-bottom:1rem;text-transform:uppercase;color:var(--brutal-black)}.vlogup-pricing-price{font-size:3rem;font-weight:900;padding:.5rem 1rem;border:4px solid var(--brutal-black);margin-bottom:1.5rem;display:inline-block;color:var(--brutal-black)}.vlogup-pricing-period{font-size:1.25rem;font-weight:700;margin-bottom:2rem;color:var(--brutal-black)}.vlogup-pricing-features{list-style:none;text-align:left;width:100%;margin-bottom:3rem;font-size:1.125rem;color:var(--brutal-black)}.vlogup-pricing-features li{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.vlogup-pricing-button{margin-top:auto;width:100%;padding:1rem;font-size:1.25rem}.vlogup-footer{background-color:var(--brutal-black);color:var(--brutal-white);border-top:8px solid var(--brutal-yellow);padding:5rem 1rem 3rem}@media(min-width:640px){.vlogup-footer{padding:5rem 2rem 3rem}}.vlogup-footer-content{max-width:1280px;margin:0 auto}.vlogup-footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:5rem;align-items:center}@media(min-width:768px){.vlogup-footer-grid{grid-template-columns:repeat(2,1fr)}}.vlogup-footer-text{font-size:2.25rem;font-weight:900;line-height:1.2;text-transform:uppercase}@media(min-width:640px){.vlogup-footer-text{font-size:3.75rem}}.vlogup-footer-accent{color:var(--brutal-yellow)}.vlogup-footer-links{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}@media(min-width:768px){.vlogup-footer-links{align-items:flex-end}}.vlogup-footer-link{font-size:1.25rem;color:var(--brutal-white);text-decoration:none;transition:color .2s ease}.vlogup-footer-link:hover{color:var(--brutal-yellow)}.vlogup-footer-link{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:.5rem}.vlogup-footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;opacity:.6}@media(min-width:768px){.vlogup-footer-bottom{flex-direction:row}}.vlogup-popup-overlay{position:fixed;inset:0;z-index:100;background-color:#000c;display:flex;align-items:center;justify-content:center;padding:1rem}.vlogup-popup-content{background-color:var(--brutal-white);border:8px solid var(--brutal-black);padding:2rem;max-width:32rem;width:100%;box-shadow:var(--brutal-shadow-xl);position:relative}.vlogup-popup-close{position:absolute;top:-1.5rem;right:-1.5rem;background-color:var(--brutal-red);color:var(--brutal-white);border:4px solid var(--brutal-black);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;cursor:pointer;transition:transform .2s ease}.vlogup-popup-close:hover{transform:scale(1.1)}.vlogup-popup-title{font-size:2.25rem;font-weight:900;margin-bottom:1.5rem;text-transform:uppercase}.vlogup-popup-text{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.vlogup-popup-button{width:100%;padding:1rem;font-size:1.5rem}.text-center{text-align:center}.uppercase{text-transform:uppercase}.hidden,.vlogup-mobile-menu{display:none}@media(max-width:767px){.vlogup-mobile-menu{display:block}.vlogup-nav-desktop{display:none}}@media(max-width:480px){.vlogup-hero-title{font-size:1.75rem}.vlogup-hero-description{font-size:1rem}.vlogup-pricing-title{font-size:2rem}}.vlogup-top-banner{background-color:var(--brutal-yellow);border-bottom:4px solid var(--brutal-black);padding:.75rem 1rem;text-align:center}.vlogup-top-banner-content{max-width:1280px;margin:0 auto}.vlogup-top-banner-text{font-size:1rem;font-weight:700;color:var(--brutal-black);font-family:var(--font-body)}@media(min-width:640px){.vlogup-top-banner{padding:.75rem 2rem}.vlogup-top-banner-text{font-size:1.125rem}}.vlogup-doc-section{padding:4rem 1rem;background-color:var(--brutal-bg);min-height:calc(100vh - 400px)}@media(min-width:640px){.vlogup-doc-section{padding:5rem 2rem}}.vlogup-doc-content{max-width:900px;margin:0 auto;width:100%}.vlogup-section-header{margin-bottom:3rem;text-align:center}.vlogup-section-title{font-size:2.5rem;font-weight:900;margin-bottom:1rem;text-transform:uppercase;font-family:var(--font-brutal)}@media(min-width:640px){.vlogup-section-title{font-size:3rem}}.vlogup-section-subtitle{font-size:1.125rem;color:var(--brutal-black);opacity:.8}@media(min-width:640px){.vlogup-section-subtitle{font-size:1.25rem}}.vlogup-doc-text{margin-top:2.5rem;line-height:1.8;color:var(--brutal-black);font-size:1.0625rem}.vlogup-doc-text h2{font-size:2rem;font-weight:900;color:var(--brutal-black);margin-top:3rem;margin-bottom:1.5rem;padding:1rem 1.25rem;border:4px solid var(--brutal-black);background-color:var(--brutal-white);box-shadow:var(--brutal-shadow);text-transform:uppercase;font-family:var(--font-brutal)}.vlogup-doc-text h3{font-size:1.5rem;font-weight:900;color:var(--brutal-black);margin-top:2.25rem;margin-bottom:1.25rem;padding:.75rem 1rem;border-left:4px solid var(--brutal-black);background-color:var(--brutal-white);text-transform:uppercase;font-family:var(--font-brutal)}.vlogup-doc-text p{margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.8;color:var(--brutal-black)}.vlogup-doc-text p:first-of-type{font-size:1.125rem;color:var(--brutal-black);font-weight:500}.vlogup-doc-text ul,.vlogup-doc-text ol{margin:1.5rem 0;padding-left:0;list-style:none}.vlogup-doc-text ul li{margin-bottom:.875rem;font-size:1.0625rem;line-height:1.8;padding-left:2rem;position:relative;color:var(--brutal-black)}.vlogup-doc-text ul li:before{content:"✓";position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;background-color:var(--brutal-black);color:var(--brutal-white);border:2px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:900;box-shadow:2px 2px #000}.vlogup-doc-text ol{counter-reset:item;padding-left:0}.vlogup-doc-text ol li{margin-bottom:.875rem;font-size:1.0625rem;line-height:1.8;padding-left:2.5rem;position:relative;counter-increment:item;color:var(--brutal-black)}.vlogup-doc-text ol li:before{content:counter(item);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background-color:var(--brutal-black);color:var(--brutal-white);border:2px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:900;box-shadow:2px 2px #000}.vlogup-doc-text strong{font-weight:700;color:var(--brutal-black);background-color:var(--brutal-yellow);padding:.125rem .375rem;border:2px solid var(--brutal-black)}.vlogup-doc-text>p.intro-text{background-color:var(--brutal-white);padding:1rem 1.25rem;border:4px solid var(--brutal-black);box-shadow:var(--brutal-shadow);margin-bottom:1.25rem;font-weight:500;color:var(--brutal-black)}.vlogup-doc-info-box{background-color:var(--brutal-white);border:4px solid var(--brutal-blue);padding:1.25rem 1.5rem;margin:1.5rem 0;box-shadow:var(--brutal-shadow)}.vlogup-doc-info-box p{margin-bottom:.75rem}.vlogup-doc-info-box p:last-child{margin-bottom:0}.vlogup-doc-warning-box{background-color:var(--brutal-white);border:4px solid var(--brutal-red);padding:1.25rem 1.5rem;margin:1.5rem 0;box-shadow:var(--brutal-shadow)}.vlogup-doc-warning-box p{margin-bottom:.75rem}.vlogup-doc-warning-box p:last-child{margin-bottom:0}.vlogup-doc-success-box{background-color:var(--brutal-white);border:4px solid var(--brutal-green);padding:1.25rem 1.5rem;margin:1.5rem 0;box-shadow:var(--brutal-shadow)}.vlogup-doc-success-box p{margin-bottom:.75rem}.vlogup-doc-success-box p:last-child{margin-bottom:0}.vlogup-doc-text a{color:var(--brutal-black);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700;transition:color .2s ease}.vlogup-doc-text a:hover{color:var(--brutal-red)}.vlogup-doc-text em{font-style:italic;color:var(--brutal-black);background-color:var(--brutal-yellow);padding:.125rem .25rem;border:1px solid var(--brutal-black)}@media(max-width:768px){.vlogup-doc-section{padding:3rem 1rem}.vlogup-doc-content{padding:0 .75rem}.vlogup-doc-text{font-size:1rem}.vlogup-doc-text h2{font-size:1.625rem;margin-top:2.5rem;padding:.75rem 1rem}.vlogup-doc-text h3{font-size:1.375rem;margin-top:2rem;padding:.5rem .75rem}.vlogup-doc-text p{font-size:1rem}.vlogup-doc-text p:first-of-type{font-size:1.0625rem}.vlogup-doc-text li{font-size:1rem;padding-left:1.75rem}.vlogup-doc-text ul li:before{width:1.375rem;height:1.375rem;font-size:.75rem}.vlogup-doc-text ol li{padding-left:2.25rem}.vlogup-doc-text ol li:before{width:1.625rem;height:1.625rem;font-size:.8125rem}.vlogup-doc-info-box,.vlogup-doc-warning-box,.vlogup-doc-success-box{padding:1rem 1.25rem}}@media(max-width:480px){.vlogup-doc-section{padding:2rem .75rem}.vlogup-doc-content{padding:0 .5rem}.vlogup-doc-text{font-size:.9375rem}.vlogup-section-title{font-size:1.75rem}}.vlogup-help-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-top:2rem}@media(min-width:640px){.vlogup-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.vlogup-help-card{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:2rem;box-shadow:var(--brutal-shadow);cursor:pointer;transition:all .2s ease}.vlogup-help-card:hover{box-shadow:var(--brutal-shadow-lg);transform:translate(-4px,-4px)}.vlogup-help-icon{font-size:3rem;margin-bottom:1rem;display:block}.vlogup-help-card h3{font-size:1.5rem;font-weight:900;margin-bottom:.75rem;text-transform:uppercase;font-family:var(--font-brutal)}.vlogup-help-card p{font-size:1.125rem;line-height:1.6;color:var(--brutal-black);margin:0}.vlogup-instruction-section{margin-top:2rem;margin-bottom:2rem}.vlogup-faq-search-wrapper{margin:2rem 0}.vlogup-faq-search{position:relative;max-width:500px}.vlogup-faq-search-input{width:100%;padding:1rem;border:4px solid var(--brutal-black);font-size:1rem;font-weight:700;font-family:var(--font-body);box-shadow:var(--brutal-shadow);background-color:var(--brutal-white);transition:all .2s ease}.vlogup-faq-search-input:focus{outline:none;box-shadow:var(--brutal-shadow-lg);transform:translate(-2px,-2px)}.vlogup-faq-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none}.vlogup-faq-list{margin-top:1.5rem}.vlogup-faq-item{background-color:var(--brutal-white);border:4px solid var(--brutal-black);margin-bottom:1rem;overflow:hidden;box-shadow:var(--brutal-shadow);transition:all .2s ease}.vlogup-faq-item:hover,.vlogup-faq-item.active{box-shadow:var(--brutal-shadow-lg)}.vlogup-faq-question{padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background-color .2s ease;background-color:var(--brutal-white)}.vlogup-faq-question:hover{background-color:var(--brutal-yellow)}.vlogup-faq-question h3{font-size:1.125rem;font-weight:700;color:var(--brutal-black);margin:0;flex:1;font-family:var(--font-body)}.vlogup-faq-icon{font-size:1.5rem;font-weight:900;color:var(--brutal-black);flex-shrink:0;transition:transform .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--brutal-black);background-color:var(--brutal-white)}.vlogup-faq-item.active .vlogup-faq-icon{transform:rotate(180deg)}.vlogup-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.5rem;background-color:var(--brutal-white)}.vlogup-faq-item.active .vlogup-faq-answer{max-height:500px;padding:0 1.5rem 1.25rem}.vlogup-faq-answer p{color:var(--brutal-black);line-height:1.8;margin:0}.vlogup-faq-no-results{text-align:center;padding:2.5rem 1.25rem;color:var(--brutal-black);background-color:var(--brutal-white);border:4px solid var(--brutal-black);box-shadow:var(--brutal-shadow)}.vlogup-support-contacts{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-top:2rem}@media(min-width:640px){.vlogup-support-contacts{grid-template-columns:repeat(2,minmax(0,1fr))}}.vlogup-support-contact-item{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;text-align:center;box-shadow:var(--brutal-shadow);transition:all .2s ease}.vlogup-support-contact-item:hover{box-shadow:var(--brutal-shadow-lg);transform:translate(-4px,-4px)}.vlogup-support-contact-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.vlogup-support-contact-item h4{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--brutal-black);text-transform:uppercase;font-family:var(--font-brutal)}.vlogup-support-contact-item p{color:var(--brutal-black);margin-bottom:.25rem}.vlogup-support-contact-item a{color:var(--brutal-black);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700}.vlogup-support-contact-item a:hover{color:var(--brutal-red)}.vlogup-support-note{font-size:.75rem;color:var(--brutal-black);opacity:.7;margin-top:.5rem}@media(max-width:768px){.vlogup-help-grid{grid-template-columns:1fr}.vlogup-faq-question{padding:1rem 1.25rem}.vlogup-faq-question h3{font-size:1rem}.vlogup-faq-answer,.vlogup-faq-item.active .vlogup-faq-answer{padding:0 1.25rem 1rem}.vlogup-support-contacts{grid-template-columns:1fr}}@media(max-width:480px){.vlogup-faq-search{max-width:100%}}.vlogup-payment-section{padding:5rem 1rem;background-color:var(--brutal-bg);min-height:calc(100vh - 200px);display:flex;align-items:center}@media(min-width:640px){.vlogup-payment-section{padding:6rem 2rem}}.vlogup-payment-content{display:flex;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto}.vlogup-payment-card{background-color:var(--brutal-white);border:8px solid var(--brutal-black);padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:var(--brutal-shadow-xl);position:relative}.vlogup-payment-icon{font-size:5rem;margin-bottom:1.5rem;display:block;animation:gentleFloat 3s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.vlogup-payment-title{font-size:2.25rem;font-weight:900;color:var(--brutal-black);margin-bottom:2rem;text-transform:uppercase;font-family:var(--font-brutal)}.vlogup-payment-message{margin-top:1.5rem;margin-bottom:2rem}.vlogup-payment-subtitle{font-size:1.5rem;font-weight:700;color:var(--brutal-black);margin-bottom:1rem;text-transform:uppercase;font-family:var(--font-brutal)}.vlogup-payment-text{font-size:1.125rem;color:var(--brutal-black);line-height:1.6;margin:0}.vlogup-payment-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.vlogup-payment-actions .brutal-button{padding:1rem 2rem;font-size:1.125rem}@media(max-width:768px){.vlogup-payment-actions{flex-direction:column}.vlogup-payment-actions .brutal-button{width:100%}}@media(max-width:768px){.vlogup-payment-section{padding:4rem 1rem}.vlogup-payment-card{padding:2rem;margin:0 1.25rem}.vlogup-payment-icon{font-size:4rem;margin-bottom:1.25rem}.vlogup-payment-title{font-size:1.75rem;margin-bottom:1.5rem}.vlogup-payment-subtitle{font-size:1.25rem;margin-bottom:.75rem}.vlogup-payment-text{font-size:1rem}}@media(max-width:480px){.vlogup-payment-card{padding:1.5rem;margin:0 1rem}.vlogup-payment-icon{font-size:3.5rem}.vlogup-payment-title{font-size:1.5rem}.vlogup-payment-subtitle{font-size:1.125rem}.vlogup-payment-text{font-size:.9375rem}}.vlogup-login-view{min-height:100vh;background-color:var(--brutal-bg);padding:2rem 1rem;display:flex;align-items:center}@media(min-width:640px){.vlogup-login-view{padding:3rem 2rem}}.vlogup-login-wrapper{max-width:1280px;margin:0 auto;width:100%}.vlogup-login-container{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.vlogup-login-container{grid-template-columns:1fr 1fr;gap:4rem}}.vlogup-login-card{background-color:var(--brutal-white);border:8px solid var(--brutal-black);padding:2.5rem;box-shadow:var(--brutal-shadow-xl)}.vlogup-login-header{margin-bottom:2rem;text-align:center}.vlogup-login-title{font-size:2rem;font-weight:900;margin-bottom:.75rem;text-transform:uppercase;font-family:var(--font-brutal);color:var(--brutal-black)}@media(min-width:640px){.vlogup-login-title{font-size:2.5rem}}.vlogup-login-subtitle{font-size:1.125rem;color:var(--brutal-black);opacity:.8}.vlogup-login-step{width:100%}.vlogup-login-form{display:flex;flex-direction:column;gap:1.5rem}.vlogup-form-group{display:flex;flex-direction:column;gap:.5rem}.vlogup-form-label{font-size:1rem;font-weight:700;color:var(--brutal-black);font-family:var(--font-body)}.vlogup-form-input{border:4px solid var(--brutal-black);padding:1rem;font-size:1rem;font-weight:700;font-family:var(--font-body);box-shadow:var(--brutal-shadow);background-color:var(--brutal-white);color:var(--brutal-black);transition:all .2s ease}.vlogup-form-input:focus{outline:none;box-shadow:var(--brutal-shadow-lg);transform:translate(-2px,-2px)}.vlogup-form-input.error{border-color:var(--brutal-red)}.vlogup-form-input:disabled{opacity:.6;cursor:not-allowed}.vlogup-form-error{color:var(--brutal-red);font-size:.875rem;font-weight:700;margin-top:.25rem}.vlogup-code-sent-info{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1rem;margin-bottom:1.5rem;box-shadow:var(--brutal-shadow)}.vlogup-code-sent-text{font-size:1rem;color:var(--brutal-black);margin-bottom:.75rem}.vlogup-code-sent-text strong{font-weight:700}.vlogup-code-change-email{background-color:var(--brutal-yellow);border:4px solid var(--brutal-black);padding:.5rem 1rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--brutal-shadow);color:var(--brutal-black);text-transform:uppercase}.vlogup-code-change-email:hover{box-shadow:none;transform:translate(2px,2px)}.vlogup-login-illustration{display:none}@media(min-width:1024px){.vlogup-login-illustration{display:flex;align-items:center;justify-content:center}}.vlogup-illustration-content{text-align:center}.vlogup-mascot-container{position:relative;margin-bottom:2rem}.vlogup-mascot-character{font-size:6rem;display:block}.vlogup-illustration-title{font-size:2rem;font-weight:900;margin-bottom:1rem;text-transform:uppercase;font-family:var(--font-brutal);color:var(--brutal-black)}.vlogup-illustration-subtitle{font-size:1.125rem;color:var(--brutal-black);opacity:.8;margin-bottom:2rem}.vlogup-illustration-features{display:flex;flex-direction:column;gap:1rem}.vlogup-illustration-feature{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1rem;box-shadow:var(--brutal-shadow)}.vlogup-feature-text{font-size:1rem;font-weight:700;color:var(--brutal-black)}@media(max-width:768px){.vlogup-login-card{padding:2rem 1.5rem}.vlogup-login-title{font-size:1.75rem}}@media(max-width:480px){.vlogup-login-view{padding:1.5rem .75rem}.vlogup-login-card{padding:1.5rem 1rem}.vlogup-login-title{font-size:1.5rem}}.panel-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--brutal-bg);color:var(--brutal-black)}.panel-content-wrapper{display:flex;flex:1;gap:0}.panel-main{flex:1;padding-top:0;padding-bottom:2.5rem;padding-left:280px;background:var(--brutal-bg);color:var(--brutal-black)}@media(max-width:768px){.panel-main{padding-left:0}}.panel-header{background:var(--brutal-bg);border-bottom:4px solid var(--brutal-black);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:none}.panel-header:before{display:none}.panel-header-content{display:flex;align-items:center;justify-content:flex-start;gap:2rem;position:relative}@media(max-width:768px){.panel-header-content{gap:1rem}}.panel-mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:4px solid var(--brutal-black);cursor:pointer;padding:.5rem;z-index:101;position:relative;background-color:var(--brutal-white);box-shadow:4px 4px #000;transition:all .2s ease}.panel-mobile-menu-toggle:hover{box-shadow:none;transform:translate(2px,2px)}.panel-mobile-menu-toggle span{width:24px;height:3px;background:var(--brutal-black);transition:all .2s ease;display:block}.panel-mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(7px)}.panel-mobile-menu-toggle.active span:nth-child(2){opacity:0}.panel-mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}@media(max-width:768px){.panel-mobile-menu-toggle{display:flex}}.panel-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.25rem;font-weight:900;font-family:var(--font-brutal);background-color:var(--brutal-black);color:var(--brutal-white);padding:.25rem 1rem;letter-spacing:-.02em;transition:all .2s ease;line-height:1}.panel-logo:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--brutal-yellow)}.panel-logo:after{display:none}.panel-logo .logo-image{width:32px;height:32px;border:2px solid var(--brutal-white);transition:all .2s ease}.panel-logo:hover .logo-image{transform:rotate(5deg)}.panel-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-left:auto}.panel-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.panel-user-email{font-weight:700;color:var(--brutal-black);font-size:1rem;font-family:var(--font-body)}.panel-user-subscription{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.panel-subscription-status{color:var(--brutal-black);font-weight:700;background-color:var(--brutal-yellow);padding:.125rem .5rem;border:2px solid var(--brutal-black);text-transform:uppercase;font-size:.75rem}.panel-subscription-expires{color:var(--brutal-black);opacity:.7}.panel-sidebar{width:280px;background:var(--brutal-white);border-right:4px solid var(--brutal-black);padding:2rem 0;position:fixed;left:0;top:73px;height:calc(100vh - 73px);overflow-y:auto;z-index:99;transition:transform .3s ease;box-shadow:4px 0 #000}@media(max-width:768px){.panel-sidebar{transform:translate(-100%);width:280px;top:0;height:100vh;box-shadow:8px 0 #000}.panel-sidebar.sidebar-open{transform:translate(0)}}.panel-sidebar-overlay{display:none}@media(max-width:768px){.panel-sidebar-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:98}}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;color:var(--brutal-black);font-weight:700;font-size:1rem;font-family:var(--font-body);background-color:var(--brutal-white);border:4px solid var(--brutal-black);box-shadow:4px 4px #000;transition:all .2s ease;cursor:pointer;border-radius:0}.sidebar-item:hover{box-shadow:none;transform:translate(2px,2px);background-color:var(--brutal-yellow)}.sidebar-item.active{background-color:var(--brutal-yellow);box-shadow:6px 6px #000}.sidebar-item.active:hover{box-shadow:4px 4px #000;transform:translate(2px,2px)}.sidebar-icon{font-size:1.5rem;flex-shrink:0}.sidebar-text{flex:1}.sidebar-item-logout{margin-top:1rem;background-color:var(--brutal-red);color:var(--brutal-white);border-color:var(--brutal-black)}.sidebar-item-logout:hover{background-color:var(--brutal-red);color:var(--brutal-white)}.dashboard-container{padding:2rem 0}.dashboard-section{margin-bottom:3rem}.dashboard-section-compact{margin-bottom:2rem}.dashboard-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.dashboard-grid-2-3{display:grid;grid-template-columns:2fr 3fr;gap:2rem}.dashboard-col-left,.dashboard-col-right{width:100%}@media(max-width:1024px){.dashboard-grid-2,.dashboard-grid-2-3{grid-template-columns:1fr}}.section-header{margin-bottom:2rem}.section-label{font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);display:block;margin-bottom:.5rem}.section-title{font-family:var(--font-brutal);font-size:2rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);line-height:1.2;margin:0}@media(max-width:768px){.section-title{font-size:1.5rem}}.section-description{font-size:1rem;color:var(--brutal-black);opacity:.8;margin-top:.5rem;font-family:var(--font-body)}.section-description.inactive{opacity:.5}.highlight{background-color:var(--brutal-yellow);padding:0 .5rem;border:2px solid var(--brutal-black);display:inline-block;color:var(--brutal-white)}.progress-section-standalone{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:2rem;box-shadow:8px 8px #000;transition:all .2s ease}.progress-section-standalone:hover{box-shadow:12px 12px #000;transform:translate(-2px,-2px)}.progress-courses{display:flex;flex-direction:column;gap:1.5rem}.progress-card{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;box-shadow:4px 4px #000;transition:all .2s ease}.progress-card:hover{box-shadow:6px 6px #000;transform:translate(-2px,-2px)}.progress-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.progress-course-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.progress-course-emoji{font-size:2rem;flex-shrink:0;line-height:1}.progress-course-title{font-family:var(--font-brutal);font-size:1.25rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 .5rem;line-height:1.2}.progress-course-stats{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);margin:0}.progress-course-stats strong{font-weight:700;color:var(--brutal-black)}.progress-percentage{font-family:var(--font-brutal);font-size:1.5rem;font-weight:900;color:var(--brutal-black);background-color:var(--brutal-yellow);padding:.25rem .75rem;border:3px solid var(--brutal-black);flex-shrink:0}.progress-bar-container{width:100%;height:16px;background-color:var(--brutal-white);border:3px solid var(--brutal-black);position:relative;overflow:hidden}.progress-bar{height:100%;background-color:var(--brutal-yellow);border-right:3px solid var(--brutal-black);transition:width .3s ease;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(0,0,0,.1) 8px,rgba(0,0,0,.1) 16px)}.progress-empty{text-align:center;padding:3rem 1rem;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);font-size:1rem}.badges-section-standalone{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:2rem;box-shadow:8px 8px #000;transition:all .2s ease}.badges-section-standalone:hover{box-shadow:12px 12px #000;transform:translate(-2px,-2px)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(max-width:768px){.badges-grid{grid-template-columns:1fr}}.badge-card{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;box-shadow:4px 4px #000;transition:all .2s ease;display:flex;align-items:flex-start;gap:1rem;position:relative}.badge-card:hover{box-shadow:6px 6px #000;transform:translate(-2px,-2px)}.badge-card.badge-earned,.badge-card.badge-earned:hover{background-color:var(--brutal-yellow)}.badge-card.badge-earned .badge-title,.badge-card.badge-earned .badge-date,.badge-card.badge-earned .badge-locked-text{color:var(--brutal-black)}.badge-card.badge-locked{opacity:.6;background-color:var(--brutal-white)}.badge-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.badge-content{flex:1}.badge-title{font-family:var(--font-brutal);font-size:1.125rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 .5rem;line-height:1.2}.badge-date{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);margin:0}.badge-locked-text{font-size:.875rem;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);margin:0;text-transform:uppercase;font-weight:700}.badge-checkmark{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background-color:var(--brutal-black);color:var(--brutal-white);border:3px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.25rem;flex-shrink:0}.badges-empty{text-align:center;padding:3rem 1rem;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);font-size:1rem}.news-feed-section-standalone{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:2rem;box-shadow:8px 8px #000;transition:all .2s ease}.news-feed-section-standalone:hover{box-shadow:12px 12px #000;transform:translate(-2px,-2px)}.news-feed-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.news-item{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;box-shadow:4px 4px #000;transition:all .2s ease;display:flex;align-items:flex-start;gap:1rem}.news-item:hover{box-shadow:6px 6px #000;transform:translate(-2px,-2px);background-color:var(--brutal-yellow)}.news-item:hover .news-title,.news-item:hover .news-date,.news-item:hover .news-description,.news-item:hover .news-event-date,.news-item:hover .news-link{color:var(--brutal-black)}.news-item.news-priority-high{border-color:var(--brutal-red);border-width:6px}.news-icon{font-size:2rem;flex-shrink:0;line-height:1}.news-content{flex:1}.news-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.news-title{font-family:var(--font-brutal);font-size:1.125rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0;line-height:1.2;flex:1}.news-date{font-size:.75rem;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);font-weight:700;text-transform:uppercase;flex-shrink:0}.news-description{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);line-height:1.6;margin:0 0 .75rem}.news-event-date{font-size:.875rem;color:var(--brutal-black);font-weight:700;font-family:var(--font-body);background-color:var(--brutal-yellow);padding:.25rem .5rem;border:2px solid var(--brutal-black);display:inline-block;margin-bottom:.75rem}.news-link{color:var(--brutal-black);text-decoration:none;font-weight:700;font-family:var(--font-body);text-transform:uppercase;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;border-bottom:2px solid var(--brutal-black);transition:all .2s ease}.news-link:hover{background-color:var(--brutal-black);color:var(--brutal-white);padding:.25rem .5rem;border-bottom:none}.news-empty{text-align:center;padding:3rem 1rem;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);font-size:1rem}.achievements-section-standalone{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:2rem;box-shadow:8px 8px #000;transition:all .2s ease}.achievements-section-standalone:hover{box-shadow:12px 12px #000;transform:translate(-2px,-2px)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.achievements-grid{grid-template-columns:1fr}}.achievement-card{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;box-shadow:4px 4px #000;transition:all .2s ease;display:flex;align-items:flex-start;gap:1rem;position:relative}.achievement-card:hover{box-shadow:6px 6px #000;transform:translate(-2px,-2px)}.achievement-card.achievement-earned,.achievement-card.achievement-earned:hover{background-color:var(--brutal-yellow)}.achievement-card.achievement-earned .achievement-title,.achievement-card.achievement-earned .achievement-description,.achievement-card.achievement-earned .achievement-date{color:var(--brutal-black)}.achievement-card.achievement-locked{opacity:.6;background-color:var(--brutal-white)}.achievement-card.achievement-rare,.achievement-card.achievement-epic{border-color:var(--brutal-yellow);border-width:6px}.achievement-card.achievement-legendary{border-color:var(--brutal-red);border-width:6px}.achievement-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.achievement-content{flex:1}.achievement-title{font-family:var(--font-brutal);font-size:1.125rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 .5rem;line-height:1.2}.achievement-description{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);line-height:1.6;margin:0 0 .75rem}.achievement-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.achievement-rarity{font-size:.75rem;font-weight:700;text-transform:uppercase;font-family:var(--font-body);padding:.25rem .5rem;border:2px solid var(--brutal-black)}.achievement-rarity.rarity-common{background-color:var(--brutal-white);color:var(--brutal-black)}.achievement-rarity.rarity-rare,.achievement-rarity.rarity-epic{background-color:var(--brutal-yellow);color:var(--brutal-black)}.achievement-rarity.rarity-legendary{background-color:var(--brutal-red);color:var(--brutal-white)}.achievement-date{font-size:.75rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);font-weight:700}.achievement-sticker{position:absolute;top:1rem;right:1rem;font-size:2rem;flex-shrink:0;line-height:1}.roadmap-section-standalone{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:2rem;box-shadow:8px 8px #000;transition:all .2s ease}.roadmap-section-standalone:hover{box-shadow:12px 12px #000;transform:translate(-2px,-2px)}.roadmap-content{display:flex;flex-direction:column;gap:2rem}.roadmap-current-progress{width:100%}.roadmap-progress-card{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;box-shadow:4px 4px #000}.roadmap-progress-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.roadmap-course-emoji{font-size:2rem;flex-shrink:0;line-height:1}.roadmap-progress-title{font-family:var(--font-brutal);font-size:1.25rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 .5rem;line-height:1.2}.roadmap-progress-text{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);margin:0}.roadmap-progress-text strong{font-weight:700;color:var(--brutal-black)}.roadmap-progress-bar{width:100%;height:16px;background-color:var(--brutal-white);border:3px solid var(--brutal-black);position:relative;overflow:hidden}.roadmap-progress-fill{height:100%;background-color:var(--brutal-yellow);border-right:3px solid var(--brutal-black);transition:width .3s ease}.roadmap-next-steps{width:100%}.roadmap-subtitle{font-family:var(--font-brutal);font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 1.5rem;line-height:1.2}.roadmap-steps-list{display:flex;flex-direction:column;gap:1rem}.roadmap-step{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;box-shadow:4px 4px #000;transition:all .2s ease;display:flex;align-items:flex-start;gap:1rem}.roadmap-step:hover{box-shadow:6px 6px #000;transform:translate(-2px,-2px);background-color:var(--brutal-yellow)}.roadmap-step:hover .roadmap-step-title,.roadmap-step:hover .roadmap-step-description,.roadmap-step:hover .roadmap-step-time{color:var(--brutal-black)}.roadmap-step.roadmap-step-highlight{border-color:var(--brutal-red);border-width:6px}.roadmap-step-number{width:48px;height:48px;background-color:var(--brutal-black);color:var(--brutal-white);border:4px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;font-family:var(--font-brutal);font-size:1.5rem;font-weight:900;flex-shrink:0;box-shadow:4px 4px #000}.roadmap-step-content{flex:1}.roadmap-step-title{font-family:var(--font-brutal);font-size:1.125rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 .5rem;line-height:1.2}.roadmap-step-description{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);line-height:1.6;margin:0 0 .75rem}.roadmap-step-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.roadmap-step-time{font-size:.75rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);font-weight:700;text-transform:uppercase;background-color:var(--brutal-white);padding:.25rem .5rem;border:2px solid var(--brutal-black)}.roadmap-step-link{color:var(--brutal-black);text-decoration:none;font-weight:700;font-family:var(--font-body);text-transform:uppercase;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;background-color:var(--brutal-red);color:var(--brutal-white);padding:.5rem 1rem;border:3px solid var(--brutal-black);box-shadow:4px 4px #000;transition:all .2s ease}.roadmap-step-link:hover{box-shadow:none;transform:translate(2px,2px)}.roadmap-empty{text-align:center;padding:3rem 1rem;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);font-size:1rem}.referral-section-standalone{width:100%}.referral-card{background-color:var(--brutal-yellow);border:8px solid var(--brutal-black);padding:2rem;box-shadow:12px 12px #000;transition:all .2s ease;position:relative;overflow:hidden}.referral-card:hover{box-shadow:16px 16px #000;transform:translate(-2px,-2px)}.referral-content{display:flex;align-items:flex-start;gap:1.5rem;position:relative;z-index:1}.referral-icon{font-size:4rem;flex-shrink:0;line-height:1}.referral-text{flex:1}.referral-title{font-family:var(--font-brutal);font-size:1.75rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 1rem;line-height:1.2}.referral-description{font-size:1rem;color:var(--brutal-black);font-family:var(--font-body);line-height:1.6;margin:0 0 1.5rem}.referral-description strong{font-weight:700;background-color:var(--brutal-white);padding:.125rem .375rem;border:2px solid var(--brutal-black)}.referral-decoration{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;opacity:.3;z-index:0}.referral-decoration-item{font-size:2rem;line-height:1}.subscription-gift-section-standalone{width:100%}.subscription-gift-card{background-color:var(--brutal-white);border:8px solid var(--brutal-red);padding:2rem;box-shadow:12px 12px #000;transition:all .2s ease;position:relative;overflow:hidden}.subscription-gift-card:hover{box-shadow:16px 16px #000;transform:translate(-2px,-2px)}.subscription-gift-content{display:flex;align-items:flex-start;gap:1.5rem;position:relative;z-index:1}.subscription-gift-icon{font-size:4rem;flex-shrink:0;line-height:1}.subscription-gift-text{flex:1}.subscription-gift-title{font-family:var(--font-brutal);font-size:1.75rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 1rem;line-height:1.2}.subscription-gift-description{font-size:1rem;color:var(--brutal-black);font-family:var(--font-body);line-height:1.6;margin:0 0 1.5rem}.subscription-gift-description strong{font-weight:700;background-color:var(--brutal-yellow);padding:.125rem .375rem;border:2px solid var(--brutal-black)}.subscription-gift-decoration{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;opacity:.3;z-index:0}.subscription-gift-decoration-item{font-size:2rem;line-height:1}.courses-section-compact{width:100%}.courses-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.course-card-compact{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.5rem;box-shadow:4px 4px #000;transition:all .2s ease;text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.course-card-compact:hover{box-shadow:6px 6px #000;transform:translate(-2px,-2px);background-color:var(--brutal-yellow)}.course-card-compact:hover .course-card-title,.course-card-compact:hover .course-card-description,.course-card-compact:hover .course-list li,.course-card-compact:hover .course-result{color:var(--brutal-black)}.course-card-compact .course-emoji{font-size:3rem;line-height:1}.course-card-compact .course-title{font-family:var(--font-brutal);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0;line-height:1.2}.course-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem}.course-status{font-size:.75rem;font-weight:700;text-transform:uppercase;font-family:var(--font-body);padding:.25rem .5rem;border:2px solid var(--brutal-black);background-color:var(--brutal-yellow);color:var(--brutal-black)}.course-card-title{font-family:var(--font-brutal);font-size:1.125rem;font-weight:900;text-transform:uppercase;color:var(--brutal-black);margin:0 0 .75rem;line-height:1.2}.course-card-description{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);line-height:1.6;margin:0 0 .75rem}.course-list{list-style:none;padding:0;margin:0 0 .75rem}.course-list li{font-size:.875rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body);line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.course-list li:before{content:"✓";position:absolute;left:0;top:0;width:1.25rem;height:1.25rem;background-color:var(--brutal-black);color:var(--brutal-white);border:2px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;box-shadow:2px 2px #000}.course-result{font-size:.875rem;color:var(--brutal-black);font-family:var(--font-body);line-height:1.6;margin:0 0 1rem;padding:.75rem;background-color:var(--brutal-yellow);border:2px solid var(--brutal-black)}.course-result strong{font-weight:700;color:var(--brutal-black)}.btn-course{display:inline-block;width:100%;text-align:center;text-decoration:none;background-color:var(--brutal-red);color:var(--brutal-white);border:4px solid var(--brutal-black);font-weight:900;font-family:var(--font-brutal);cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:1rem;padding:.75rem 1.5rem;box-shadow:4px 4px #000;margin-top:auto}.btn-course:hover{box-shadow:none;transform:translate(2px,2px)}.courses-empty{text-align:center;padding:3rem 1rem;color:var(--brutal-black);opacity:.6;font-family:var(--font-body);font-size:1rem}.code-input-container{width:100%;position:relative}.code-input-wrapper{display:flex;gap:1.25rem;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1rem 0;position:relative}.code-input-digit{width:72px;height:80px;border:3px solid var(--brutal-black);border-radius:16px;text-align:center;font-size:2.25rem;font-weight:900;font-family:var(--font-brutal);color:var(--brutal-black);letter-spacing:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8f9fa,#fff);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,4px 4px #000c;position:relative;overflow:hidden;z-index:1}.code-input-digit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.code-input-digit:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffd6001a,#ffd6000d);opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.code-input-digit:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 12px -2px #00000026,0 4px 6px -1px #0000001a,6px 6px #000000e6;background:linear-gradient(135deg,#fff,#f0f4ff,#fffbf0);border-color:var(--brutal-black)}.code-input-digit:hover:before{left:100%}.code-input-digit:hover:after{opacity:1}.code-input-digit:focus{outline:none;transform:translate(-3px,-3px) scale(1.08);box-shadow:0 12px 20px -4px #ffd60066,0 8px 12px -2px #0003,8px 8px #000,0 0 0 6px #ffd60033;background:linear-gradient(135deg,var(--brutal-yellow) 0%,#ffed4e 50%,#fff9c4 100%);border-color:var(--brutal-black);border-width:4px;animation:focusPulse .8s cubic-bezier(.34,1.56,.64,1);z-index:10}.code-input-digit:focus:after{opacity:0}.code-input-digit.has-value{border-color:var(--brutal-black);border-width:3px;background:linear-gradient(135deg,var(--brutal-yellow) 0%,#ffed4e 50%,#fff9c4 100%);box-shadow:0 6px 10px -2px #ffd6004d,0 4px 6px -1px #00000026,6px 6px #000000e6;transform:scale(1.04);animation:fillWave .5s cubic-bezier(.34,1.56,.64,1)}.code-input-digit.has-value:after{opacity:0}.code-input-digit.has-value:focus{transform:translate(-3px,-3px) scale(1.1);box-shadow:0 12px 20px -4px #ffd60080,0 8px 12px -2px #0003,8px 8px #000,0 0 0 6px #ffd60040;animation:focusPulse .8s cubic-bezier(.34,1.56,.64,1)}.code-input-wrapper:has(.code-input-digit.has-value:nth-of-type(6)) .code-input-digit.has-value{animation:successCelebration .8s cubic-bezier(.34,1.56,.64,1)}.code-input-wrapper:has(.code-input-digit.has-value:nth-of-type(6)) .code-input-digit.has-value:nth-child(1){animation-delay:0s}.code-input-wrapper:has(.code-input-digit.has-value:nth-of-type(6)) .code-input-digit.has-value:nth-child(2){animation-delay:.1s}.code-input-wrapper:has(.code-input-digit.has-value:nth-of-type(6)) .code-input-digit.has-value:nth-child(3){animation-delay:.2s}.code-input-wrapper:has(.code-input-digit.has-value:nth-of-type(6)) .code-input-digit.has-value:nth-child(4){animation-delay:.3s}.code-input-wrapper:has(.code-input-digit.has-value:nth-of-type(6)) .code-input-digit.has-value:nth-child(5){animation-delay:.4s}.code-input-wrapper:has(.code-input-digit.has-value:nth-of-type(6)) .code-input-digit.has-value:nth-child(6){animation-delay:.5s}@keyframes focusPulse{0%{transform:translate(-3px,-3px) scale(1.08);box-shadow:0 12px 20px -4px #ffd60066,0 8px 12px -2px #0003,8px 8px #000,0 0 0 6px #ffd60033}50%{transform:translate(-3px,-3px) scale(1.12);box-shadow:0 16px 24px -4px #ffd60080,0 10px 14px -2px #00000040,10px 10px #000,0 0 0 8px #ffd6004d}to{transform:translate(-3px,-3px) scale(1.08);box-shadow:0 12px 20px -4px #ffd60066,0 8px 12px -2px #0003,8px 8px #000,0 0 0 6px #ffd60033}}@keyframes fillWave{0%{transform:scale(.85);opacity:.6}50%{transform:scale(1.15);opacity:1}to{transform:scale(1.04);opacity:1}}@keyframes successCelebration{0%,to{transform:scale(1.04) rotate(0)}25%{transform:scale(1.12) rotate(-5deg)}50%{transform:scale(1.12) rotate(5deg)}75%{transform:scale(1.12) rotate(-3deg)}}@media(max-width:640px){.code-input-wrapper{gap:.75rem;padding:.75rem 0}.code-input-digit{width:56px;height:64px;font-size:1.75rem;border-radius:12px;border-width:3px}.code-input-digit:focus{transform:translate(-2px,-2px) scale(1.06);border-width:3px}.code-input-digit.has-value{transform:scale(1.02)}.code-input-digit.has-value:focus{transform:translate(-2px,-2px) scale(1.06)}}@media(max-width:480px){.code-input-wrapper{gap:.5rem;padding:.5rem 0}.code-input-digit{width:48px;height:56px;font-size:1.5rem;border-radius:10px;border-width:2px}.code-input-digit:focus{transform:translate(-1px,-1px) scale(1.05);border-width:3px}.code-input-digit.has-value{transform:scale(1.01)}.code-input-digit.has-value:focus{transform:translate(-1px,-1px) scale(1.05)}}.code-input-error{color:var(--brutal-red);font-size:.875rem;font-weight:700;text-align:center;font-family:var(--font-body);margin-top:.5rem;text-transform:uppercase}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:700;color:var(--brutal-black);font-family:var(--font-body);text-transform:uppercase}.form-input{width:100%;padding:1rem;border:4px solid var(--brutal-black);font-size:1rem;font-weight:700;font-family:var(--font-body);box-shadow:4px 4px #000;background-color:var(--brutal-white);color:var(--brutal-black);transition:all .2s ease}.form-input:focus{outline:none;box-shadow:6px 6px #000;transform:translate(-2px,-2px);background-color:var(--brutal-yellow)}.form-input::placeholder{color:var(--brutal-black);opacity:.6}.form-input.error{border-color:var(--brutal-red)}.form-input:disabled{background:var(--brutal-bg);cursor:not-allowed;opacity:.6}.form-error{color:var(--brutal-red);font-size:.875rem;font-weight:700;margin-top:.25rem;font-family:var(--font-body);text-transform:uppercase}.btn-primary,.btn-primary-large{background-color:var(--brutal-yellow);color:var(--brutal-black);border:4px solid var(--brutal-black);font-weight:900;font-family:var(--font-brutal);cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:1rem;padding:.75rem 1.5rem;box-shadow:8px 8px #000}.btn-primary-large{padding:1rem 2rem;font-size:1.125rem}.btn-primary:hover,.btn-primary-large:hover{box-shadow:none;transform:translate(4px,4px)}.btn-outline{background-color:var(--brutal-white);color:var(--brutal-black);border:4px solid var(--brutal-black);font-weight:900;font-family:var(--font-brutal);cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:1rem;padding:.75rem 1.5rem;box-shadow:4px 4px #000}.btn-outline:hover{box-shadow:none;transform:translate(2px,2px);background-color:var(--brutal-yellow)}.panel-settings-section.settings-page{padding:2.5rem 0 3.5rem}.panel-settings-section .section-header{margin-bottom:2rem}.panel-settings-section .section-title{font-family:var(--font-brutal);font-size:2rem;text-transform:uppercase;margin:0}.panel-settings-section .section-label{font-family:var(--font-body);font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.settings-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr);gap:1.5rem;align-items:flex-start}.settings-grid-column{display:flex;flex-direction:column;gap:1.5rem}.settings-section-title{font-family:var(--font-brutal);font-size:1.25rem;font-weight:900;text-transform:uppercase;margin:0 0 1rem}.settings-card{background-color:var(--brutal-white);border:4px solid var(--brutal-black);padding:1.75rem;box-shadow:6px 6px #000;transition:all .2s ease}.settings-card:hover{box-shadow:8px 8px #000;transform:translate(-2px,-2px)}.settings-card-subscription{background-color:var(--brutal-yellow)}.settings-card-notifications,.settings-card-personal{background-color:var(--brutal-white)}.settings-card-title{font-family:var(--font-brutal);font-size:1.25rem;font-weight:900;text-transform:uppercase;margin:0 0 1rem}.settings-subscription-info{display:flex;flex-direction:column;gap:.75rem}.subscription-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-family:var(--font-body);font-size:.95rem}.subscription-label{opacity:.8}.subscription-value{font-weight:700}.tariff-status{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border:3px solid var(--brutal-black);font-family:var(--font-brutal);font-size:.9rem;text-transform:uppercase;background-color:var(--brutal-black);color:var(--brutal-white)}.tariff-status-empty{background-color:var(--brutal-red)}.tariff-status-label{margin-right:.25rem}.settings-form-group{margin-bottom:1.25rem}.settings-readonly-field{padding:.75rem 1rem;border:3px solid var(--brutal-black);background-color:#f9f9f9;font-family:var(--font-body);font-size:.95rem}.settings-toggle-group{display:flex;flex-direction:column;gap:1rem}.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toggle-info{flex:1;min-width:0}.toggle-label{display:block;font-family:var(--font-brutal);font-size:1rem;text-transform:uppercase;margin-bottom:.25rem}.toggle-description{font-family:var(--font-body);font-size:.85rem;opacity:.8}.toggle-switch{position:relative;display:inline-block;width:52px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--brutal-white);border:3px solid var(--brutal-black);transition:.2s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;top:4px;background-color:var(--brutal-black);transition:.2s}.toggle-switch input:checked+.toggle-slider{background-color:var(--brutal-yellow)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-slider{border-radius:40px}.toggle-slider:before{border-radius:50%}@media(max-width:1024px){.settings-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,2.3fr)}}@media(max-width:768px){.panel-settings-section.settings-page{padding:1.75rem 0 2.5rem}.settings-grid{grid-template-columns:1fr}}@media(max-width:480px){.settings-card{padding:1.25rem}.settings-card-title{font-size:1.1rem}.settings-toggle-item{align-items:flex-start}}.login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--brutal-bg);padding:2rem 1rem}.login-wrapper{display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch;width:100%;max-width:1200px}@media(min-width:1024px){.login-wrapper{grid-template-columns:1fr 1fr;gap:4rem}}.login-container{width:100%;max-width:480px;justify-self:end}@media(max-width:1024px){.login-container{max-width:100%;justify-self:center}}.login-card{background:var(--brutal-white);border:8px solid var(--brutal-black);padding:2.5rem;box-shadow:12px 12px #000}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-family:var(--font-brutal);font-size:2rem;font-weight:900;color:var(--brutal-black);margin-bottom:.5rem;text-transform:uppercase}@media(min-width:640px){.login-title{font-size:2.5rem}}.login-subtitle{font-size:1rem;color:var(--brutal-black);opacity:.8;font-family:var(--font-body)}.login-step{width:100%}.login-form{display:flex;flex-direction:column;gap:1.5rem}.code-sent-info{text-align:center;margin-bottom:1.5rem;padding:1rem;background:var(--brutal-white);border:4px solid var(--brutal-black);box-shadow:4px 4px #000}.code-sent-text{font-size:.875rem;color:var(--brutal-black);margin-bottom:.5rem;font-family:var(--font-body)}.code-sent-text strong{font-weight:700}.test-code-hint{font-size:.875rem;color:var(--brutal-black);font-weight:700;margin:.5rem 0;padding:.5rem;background:var(--brutal-yellow);border:2px solid var(--brutal-black);font-family:var(--font-body);text-transform:uppercase}.login-illustration{width:100%;max-width:600px;justify-self:start;position:relative;height:100%;display:none}@media(min-width:1024px){.login-illustration{display:flex}}.illustration-content{position:relative;background:var(--brutal-black);border:8px solid var(--brutal-black);padding:2rem;text-align:center;color:var(--brutal-white);box-shadow:12px 12px 0 0 var(--brutal-yellow);overflow:visible;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}.mascot-container{position:absolute;top:-20%;right:0;width:150px;height:150px;z-index:3;pointer-events:none;overflow:visible}.mascot-character{font-size:70px;position:absolute;top:10px;right:10px;animation:gentleShake 3s ease-in-out infinite;z-index:4}.mascot-decoration{position:absolute;font-size:24px;animation:float 4s ease-in-out infinite;z-index:3}.mascot-star-1{top:-10px;right:30px;animation-delay:0s}.mascot-star-2{top:20px;right:-5px;animation-delay:1s}.mascot-star-3{top:50px;right:40px;animation-delay:2s}.mascot-gamepad{top:80px;right:-10px;animation-delay:.5s}.mascot-code{top:100px;right:20px;animation-delay:1.5s}.illustration-title{font-family:var(--font-brutal);font-size:1.5rem;font-weight:900;margin-bottom:.5rem;position:relative;z-index:1;text-transform:uppercase}.illustration-subtitle{font-size:.875rem;opacity:.9;margin-bottom:1rem;position:relative;z-index:1;font-family:var(--font-body)}.illustration-features{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.illustration-feature{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border:2px solid var(--brutal-white);transition:all .2s ease}.illustration-feature:hover{background:#ffffff40;transform:translate(4px)}.feature-icon{font-size:1.25rem}.feature-text{font-size:.875rem;font-weight:700;font-family:var(--font-body)}.code-change-email{background:var(--brutal-yellow);border:2px solid var(--brutal-black);color:var(--brutal-black);font-size:.875rem;cursor:pointer;text-decoration:none;padding:.5rem 1rem;font-weight:700;text-transform:uppercase;font-family:var(--font-body);box-shadow:4px 4px #000;transition:all .2s ease}.code-change-email:hover{box-shadow:none;transform:translate(2px,2px)}.skeleton{background:linear-gradient(90deg,var(--brutal-bg) 25%,var(--brutal-white) 50%,var(--brutal-bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border:2px solid var(--brutal-black)}.skeleton-box{border-radius:0}.skeleton-title{height:1.125rem}.skeleton-text{height:.875rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-card-skeleton,.badge-card-skeleton,.achievement-card-skeleton,.news-item-skeleton,.roadmap-progress-card-skeleton,.roadmap-step-skeleton{opacity:.7}@keyframes gentleShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,-2px) rotate(-2deg)}75%{transform:translate(2px,-2px) rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.panel-main{padding-left:0;padding-right:0}.dashboard-container{padding:1rem 0}.dashboard-section{margin-bottom:2rem}.dashboard-section-compact{margin-bottom:1.5rem}}@media(max-width:480px){.section-title{font-size:1.25rem}.progress-card,.badge-card,.achievement-card,.news-item,.roadmap-step{padding:1rem}}.generator-card{display:flex;flex-direction:column;padding:2rem;border:4px solid var(--brutal-black);box-shadow:var(--brutal-shadow);background-color:var(--brutal-white);text-decoration:none;color:var(--brutal-black);transition:all .2s ease;position:relative;min-height:200px;cursor:pointer}.generator-card:hover{box-shadow:var(--brutal-shadow-lg);transform:translate(-4px,-4px)}.generator-card-icon{width:64px;height:64px;border:4px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;flex-shrink:0}.generator-card-emoji{font-size:2rem}.generator-card-content{flex:1;display:flex;flex-direction:column}.generator-card-title{font-family:var(--font-brutal);font-size:1.5rem;font-weight:900;margin-bottom:.75rem;line-height:1.2}.generator-card-description{font-size:1rem;line-height:1.6;color:#333;flex:1}.generator-card-arrow{font-size:1.5rem;font-weight:900;margin-top:1rem;align-self:flex-end;transition:transform .2s ease}.generator-card:hover .generator-card-arrow{transform:translate(4px)}.generator-card-yellow:hover{box-shadow:8px 8px 0 0 var(--brutal-yellow)}.generator-card-blue:hover{box-shadow:8px 8px #60a5fa}.generator-card-green:hover{box-shadow:8px 8px #34d399}.generator-card-red:hover{box-shadow:8px 8px 0 0 var(--brutal-red)}.generator-card-purple:hover{box-shadow:8px 8px #a78bfa}.generator-card-pink:hover{box-shadow:8px 8px #f472b6}.generator-card-cyan:hover{box-shadow:8px 8px #22d3ee}.generator-form-section{max-width:900px;margin:0 auto}.generator-form{margin-bottom:2rem}.generator-page{padding:2rem 0;min-height:calc(100vh - 73px)}.generator-header{display:flex;gap:2rem;margin-bottom:3rem;align-items:flex-start}.generator-header-icon{width:80px;height:80px;border:4px solid var(--brutal-black);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--brutal-shadow)}.generator-header-emoji{font-size:2.5rem}.generator-header-content{flex:1}.generator-description{font-size:1.125rem;line-height:1.6;color:#555;max-width:800px}.generator-content{margin-top:2rem}@media(max-width:768px){.generator-card{padding:1.5rem;min-height:180px}.generator-card-icon{width:56px;height:56px}.generator-card-emoji{font-size:1.5rem}.generator-card-title{font-size:1.25rem}.generator-card-description{font-size:.9rem}.generator-page{padding:1.5rem 0}.generator-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.generator-header-icon{width:64px;height:64px}.generator-header-emoji{font-size:2rem}.generator-description{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--gray-800);background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%;max-width:100vw}#app{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}@media(max-width:768px){.container{padding:0 20px}}@media(max-width:480px){.container{padding:0 16px}}@media(max-width:360px){.container{padding:0 12px}}.top-banner{background:var(--primary-blue);color:#fff;padding:12px 0;text-align:center;font-size:14px;font-weight:500;position:relative;overflow:hidden;margin:0;width:100%}.top-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.banner-text{position:relative;z-index:1}.header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0;position:relative}.logo{font-size:24px;font-weight:700;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:101}.logo-image{width:32px;height:32px;object-fit:contain;display:block}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:101}.mobile-menu-toggle span{width:24px;height:2px;background:var(--gray-700);transition:all .3s ease;border-radius:2px}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav{display:flex;gap:32px}.nav-link{color:var(--gray-600);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;-webkit-tap-highlight-color:transparent}.nav-link:focus{outline:2px solid var(--primary-blue);outline-offset:4px;border-radius:4px}.nav-link:hover{color:var(--primary-blue)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-blue);transition:width .3s ease}.nav-link:hover:after{width:100%}.header-cta{display:flex;gap:12px}@media(max-width:768px){.header-cta{display:none}}.btn-primary,.btn-primary-large{background:var(--primary-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:16px;-webkit-tap-highlight-color:transparent}.btn-primary:focus,.btn-primary-large:focus,.btn-secondary:focus,.btn-outline:focus,.btn-outline-large:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn-primary-large{padding:16px 32px;font-size:18px}.btn-primary:hover,.btn-primary-large:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:10px 22px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-blue);color:#fff}.btn-outline,.btn-outline-large{background:#fff;color:var(--gray-700);border:2px solid var(--gray-300);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline-large{padding:16px 32px;font-size:18px;background:#fff;color:var(--gray-900);border-color:#fff}.btn-outline:hover,.btn-outline-large:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px)}.btn-outline:disabled,.btn-outline-large:disabled{background:#fff;color:#fff;border-color:#fff;cursor:not-allowed;transform:none}.btn-outline:disabled:hover,.btn-outline-large:disabled:hover{background:#fff;color:#fff;border-color:#fff;transform:none}.hero{padding:80px 0;background:var(--gradient-light);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;animation:float 15s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text{animation:fadeInUp .8s ease-out}.hero-badge{display:inline-block;background:#2563eb1a;color:var(--primary-blue);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.hero-title{font-size:56px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--gray-900)}@media(max-width:768px){.hero-title{font-size:36px;line-height:1.3}}@media(max-width:480px){.hero-title{font-size:28px;margin-bottom:16px}}.highlight{color:var(--primary-blue);position:relative}.highlight:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:8px;background:#2563eb33;z-index:-1;border-radius:4px}.hero-description{font-size:20px;color:var(--gray-600);margin-bottom:32px;line-height:1.6}@media(max-width:768px){.hero-description{font-size:18px;margin-bottom:24px}}@media(max-width:480px){.hero-description{font-size:16px;margin-bottom:20px}}.hero-cta{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hero-trust{font-size:14px;color:var(--gray-500)}.trust-text{display:flex;align-items:center;gap:8px}.hero-visual{animation:fadeInRight .8s ease-out .2s both;position:relative}.floating-3d{position:absolute;font-size:80px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));will-change:transform;animation:gentleShake 4s ease-in-out infinite}@keyframes gentleShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(3px,-4px) rotate(2deg)}50%{transform:translate(-2px,3px) rotate(-1deg)}75%{transform:translate(2px,-2px) rotate(1deg)}}.floating-3d.gamepad{top:-20px;left:-60px;animation-delay:0s;animation-duration:4s}.floating-3d.character{bottom:-30px;right:-50px;animation-delay:.5s;animation-duration:4.5s}.floating-3d.star{top:-30px;right:20%;animation-delay:1s;animation-duration:3.8s}@media(max-width:768px){.floating-3d{font-size:60px}.floating-3d.gamepad{top:-15px;left:-40px}.floating-3d.character{bottom:-20px;right:-30px}.floating-3d.star{top:-20px;right:15%}}@media(max-width:480px){.floating-3d{font-size:40px}.floating-3d.gamepad{top:-10px;left:-25px}.floating-3d.character{bottom:-15px;right:-20px}.floating-3d.star{top:-15px;right:10%}}.hero-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease;position:relative;z-index:2}.hero-card:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.card-content{padding:24px}.card-header{display:flex;justify-content:flex-end;margin-bottom:16px}.card-dots{display:flex;gap:8px}.card-dots span{width:12px;height:12px;border-radius:50%;background:var(--gray-300)}.card-dots span:nth-child(1){background:var(--accent-red)}.card-dots span:nth-child(2){background:var(--accent-orange)}.card-dots span:nth-child(3){background:var(--accent-green)}.course-preview{display:flex;gap:16px;margin-bottom:24px}.course-icon{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gradient-light);border-radius:12px}.course-info h3{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--gray-900)}.course-info p{font-size:14px;color:var(--gray-500)}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill{width:65%;height:100%;background:var(--gradient-blue);border-radius:4px;animation:progressAnimation 2s ease-out}@keyframes progressAnimation{0%{width:0}to{width:65%}}.stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:var(--primary-blue)}.stat-label{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}section{padding:var(--section-spacing) 0;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-block;font-size:14px;font-weight:600;color:var(--primary-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.section-title{font-size:48px;font-weight:700;color:var(--gray-900);margin-bottom:16px}@media(max-width:768px){.section-title{font-size:32px}}@media(max-width:480px){.section-title{font-size:26px;margin-bottom:12px}}.section-subtitle{font-size:20px;color:var(--gray-600)}.why-section{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;background:#fff;border-radius:16px;border:1px solid var(--gray-200);transition:all .3s ease;opacity:0;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.feature-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--gray-900)}.feature-card p{color:var(--gray-600);font-size:16px}.courses-section{background:var(--gray-50)}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:40px}.courses-empty{text-align:center;padding:48px 24px;color:var(--gray-500);font-size:14px;margin-bottom:40px}.course-empty{text-align:center;padding:48px 24px;color:var(--gray-500);font-size:14px;margin-top:32px}.course-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--gray-200);transition:all .3s ease;opacity:0;transform:translateY(30px)}.course-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.course-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary-blue)}.course-card.featured{border:2px solid var(--primary-blue);background:linear-gradient(135deg,#fff,#f0f9ff)}.course-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.course-emoji{font-size:48px}.course-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--gray-200);color:var(--gray-600)}.course-status.available{background:#10b9811a;color:var(--accent-green)}.course-card-title{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--gray-900)}.course-card-description{color:var(--gray-600);margin-bottom:12px}.course-list{list-style:none;margin-bottom:16px}.course-list li{color:var(--gray-700);margin-bottom:8px;padding-left:8px}.course-result{background:var(--gray-50);padding:16px;border-radius:8px;margin-bottom:24px;color:var(--gray-700)}.btn-course{width:100%;padding:12px 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-course:hover{background:var(--primary-blue-dark);transform:translateY(-2px)}a.btn-course{text-decoration:none;display:block;text-align:center;color:#fff}a.btn-course:hover{color:#fff}.courses-cta{text-align:center}.instructors-section{background:#fff}.instructors-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.instructors-description{font-size:18px;color:var(--gray-600);margin-bottom:32px}.instructors-list{display:flex;flex-wrap:wrap;gap:12px}.instructor-tag{padding:10px 20px;background:var(--gray-100);border-radius:20px;font-size:14px;font-weight:500;color:var(--gray-700);transition:all .3s ease}.instructor-tag:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.instructor-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.instructor-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.instructor-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.instructor-card:nth-child(3){grid-column:1 / -1}.instructor-avatar{font-size:64px;margin-bottom:16px}.instructor-card h4{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--gray-900)}.instructor-card p{font-size:14px;color:var(--gray-600)}.custom-course-section{background:var(--gradient-light);padding:80px 0}.custom-course-card{background:#fff;border-radius:24px;padding:60px;text-align:center;box-shadow:var(--shadow-xl);max-width:900px;margin:0 auto}.custom-course-content h2{font-size:36px;font-weight:700;margin-bottom:16px;color:var(--gray-900)}.custom-course-content p{font-size:18px;color:var(--gray-600);margin-bottom:32px}.support-section{background:#fff}.support-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.support-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:32px;box-shadow:var(--shadow-lg)}.support-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.support-status{width:12px;height:12px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.support-channels{display:flex;flex-direction:column;gap:16px}.support-channel{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gray-50);border-radius:12px;transition:all .3s ease}.support-channel:hover{background:var(--primary-blue);color:#fff;transform:translate(8px)}.channel-icon{font-size:24px}.support-description{font-size:18px;color:var(--gray-600)}.pricing-section{background:var(--gray-50)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}.pricing-card{background:#fff;border-radius:16px;padding:40px;border:2px solid var(--gray-200);transition:all .3s ease;position:relative;opacity:0;transform:translateY(30px)}.pricing-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.pricing-card.featured{border-color:var(--primary-blue);transform:scale(1.05);box-shadow:var(--shadow-xl)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.pricing-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.pricing-badge.green{background:#10b9811a;color:var(--accent-green)}.pricing-badge.blue{background:#2563eb1a;color:var(--primary-blue)}.pricing-badge.red{background:#ef44441a;color:var(--accent-red)}.pricing-price{margin-bottom:16px}.price-amount{font-size:48px;font-weight:700;color:var(--gray-900)}.price-period{font-size:18px;color:var(--gray-600)}.pricing-description{font-size:16px;color:var(--gray-600);margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{padding:12px 0;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.pricing-features li:last-child{border-bottom:none}.btn-pricing{width:100%;padding:14px 24px;background:var(--gray-100);color:var(--gray-700);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-pricing:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.btn-pricing.primary{background:var(--primary-blue);color:#fff}.btn-pricing.primary:hover{background:var(--primary-blue-dark)}.reviews-section{background:#fff}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.review-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:32px;transition:all .3s ease;opacity:0;transform:translateY(30px)}.review-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.review-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-blue)}.review-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.review-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-light);display:flex;align-items:center;justify-content:center;font-size:24px}.review-info h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--gray-900)}.review-info p{font-size:14px;color:var(--gray-500)}.review-stars{color:var(--accent-orange);font-size:18px;margin-bottom:16px}.review-text{color:var(--gray-700);font-style:italic;line-height:1.6}.faq-section{background:var(--gray-50)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:12px;margin-bottom:16px;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.faq-question:focus{outline:2px solid var(--primary-blue);outline-offset:-2px;border-radius:12px}.faq-question h3{font-size:18px;font-weight:600;color:var(--gray-900)}.faq-icon{font-size:24px;font-weight:300;color:var(--primary-blue);transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 24px}.faq-item.active .faq-answer{max-height:500px;padding:0 24px 24px}.faq-answer p{color:var(--gray-600);line-height:1.6}@media(max-width:480px){.faq-answer{padding:0 20px}.faq-item.active .faq-answer{padding:0 20px 20px}}.cta-section{background:var(--primary-blue);color:#fff;padding:100px 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out}.cta-content{text-align:center;position:relative;z-index:1}.cta-title{font-size:48px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.cta-title{font-size:32px}}@media(max-width:480px){.cta-title{font-size:24px}}.cta-description{font-size:20px;margin-bottom:32px;opacity:.9}@media(max-width:768px){.cta-description{font-size:18px}}@media(max-width:480px){.cta-description{font-size:16px;margin-bottom:24px}}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-section .btn-primary-large{background:#fff;color:var(--primary-blue)}.cta-section .btn-primary-large:hover{background:var(--gray-100)}.cta-section .btn-outline-large{border-color:#fff;color:var(--gray-600)}.cta-section .btn-outline-large:hover{background:#fff;color:var(--primary-blue)}.footer{background:var(--gray-900);color:#fff;padding:60px 0 24px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-logo{font-size:24px;font-weight:700;margin-bottom:12px}.footer-description{color:var(--gray-400);font-size:14px}.footer-column h4{font-size:16px;font-weight:600;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--gray-400);text-decoration:none;transition:color .3s ease;font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--gray-800);color:var(--gray-400);font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.hero-content,.instructors-content,.support-content{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.courses-grid,.pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-card.featured{transform:scale(1)}.reviews-grid{grid-template-columns:1fr;gap:24px}.footer-content{grid-template-columns:repeat(2,1fr);gap:32px}.hero{padding:60px 0}.hero-visual{order:-1}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;padding:80px 24px 24px;box-shadow:-4px 0 20px #0000001a;transition:right .3s ease;z-index:100;gap:0}.nav.active{right:0}.nav:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:-1}.nav.active:before{opacity:1;pointer-events:all}.nav-link{padding:16px 0;border-bottom:1px solid var(--gray-200);font-size:18px}.nav-link:after{display:none}.features-grid{grid-template-columns:1fr;gap:20px}.footer-content{grid-template-columns:1fr;gap:32px}.hero-cta,.cta-buttons{flex-direction:column;gap:12px}.btn-primary-large,.btn-outline-large{width:100%}.hero-card{transform:none}.hero-card:hover{transform:translateY(-4px)}.custom-course-card{padding:40px 24px}.custom-course-content h2{font-size:28px}.pricing-card{padding:32px 24px}.price-amount{font-size:40px}.section-header{margin-bottom:40px}.instructor-cards{grid-template-columns:1fr}.instructor-card:nth-child(3){grid-column:1}.support-card{padding:24px}.faq-question{padding:20px}.faq-question h3{font-size:16px}.review-card,.course-card{padding:24px}.course-card-title{font-size:20px}}@media(max-width:480px){.hero{padding:15px 0}.hero-content{gap:32px}.hero-badge{font-size:12px;padding:6px 12px}.hero-trust{font-size:12px}.trust-text{flex-direction:column;gap:4px;text-align:center}.feature-card{padding:24px}.feature-icon{font-size:40px}.feature-card h3,.course-card-title{font-size:18px}.course-emoji{font-size:40px}.pricing-card{padding:24px 20px}.price-amount{font-size:36px}.cta-section{padding:60px 0}.footer{padding:40px 0 20px}.footer-content{gap:24px}.top-banner{font-size:12px;padding:10px 0}.logo{font-size:20px}.section-label{font-size:12px}.section-subtitle,.instructors-description,.support-description{font-size:16px}.instructor-tag{font-size:13px;padding:8px 16px}.btn-primary,.btn-secondary,.btn-outline{padding:10px 20px;font-size:14px}.btn-primary-large,.btn-outline-large{padding:14px 24px;font-size:16px}}@media(hover:none)and (pointer:coarse){button,.nav-link,.faq-question{min-height:44px;min-width:44px}.nav-link{display:flex;align-items:center}.feature-card:hover,.course-card:hover,.review-card:hover,.pricing-card:hover,.hero-card:hover{transform:none}}@media(max-width:768px){.hero-visual{transform:none!important}.hero:before,.hero:after{display:none}.cta-section:before{display:none}}.doc-section{padding:80px 0;background:linear-gradient(180deg,var(--gray-50) 0%,white 200px);min-height:calc(100vh - 400px)}.doc-content{max-width:900px;margin:0 auto;width:100%;padding:0 16px;box-sizing:border-box}.doc-text{margin-top:40px;line-height:1.9;color:var(--gray-700);font-size:17px}.doc-text h2{font-size:32px;font-weight:700;color:var(--gray-900);margin-top:48px;margin-bottom:24px;padding:20px 0 16px 20px;border-left:4px solid var(--primary-blue);border-bottom:3px solid var(--primary-blue);background:linear-gradient(90deg,rgba(37,99,235,.05) 0%,transparent 100%);border-radius:8px 0 0 8px}.doc-text h3{font-size:24px;font-weight:600;color:var(--gray-900);margin-top:36px;margin-bottom:20px;padding-left:16px;position:relative;border-left:3px solid var(--accent-purple);background:linear-gradient(90deg,rgba(139,92,246,.05) 0%,transparent 100%);padding-top:12px;padding-bottom:12px;border-radius:4px 0 0 4px}.doc-text p{margin-bottom:20px;font-size:17px;line-height:1.85;color:var(--gray-700);text-align:justify}.doc-text p:first-of-type{font-size:18px;color:var(--gray-800);font-weight:500;line-height:1.9}.doc-text ul,.doc-text ol{margin:24px 0;padding-left:0;list-style:none}.doc-text ul li{margin-bottom:14px;font-size:17px;line-height:1.8;padding-left:32px;position:relative;color:var(--gray-700)}.doc-text ul li:before{content:"✓";position:absolute;left:0;top:2px;width:24px;height:24px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #2563eb4d}.doc-text ol{counter-reset:item;padding-left:0}.doc-text ol li{margin-bottom:14px;font-size:17px;line-height:1.8;padding-left:40px;position:relative;counter-increment:item;color:var(--gray-700)}.doc-text ol li:before{content:counter(item);position:absolute;left:0;top:0;width:28px;height:28px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #2563eb33}.doc-text strong{font-weight:700;color:var(--gray-900);background:linear-gradient(120deg,#2563eb1a 0% 100%);padding:2px 6px;border-radius:4px;font-size:17px}.doc-text>p.intro-text{background:linear-gradient(135deg,#2563eb0d,#8b5cf60d);padding:16px 20px;border-left:4px solid var(--primary-blue);border-radius:8px;margin-bottom:20px;font-weight:500;color:var(--gray-800)}.doc-info-box{background:linear-gradient(135deg,#2563eb14,#8b5cf614);border-left:4px solid var(--primary-blue);border-radius:8px;padding:20px 24px;margin:24px 0;box-shadow:0 2px 12px #2563eb1a}.doc-info-box p{margin-bottom:12px}.doc-info-box p:last-child{margin-bottom:0}.doc-warning-box{background:linear-gradient(135deg,#ef444414,#f59e0b14);border-left:4px solid var(--accent-red);border-radius:8px;padding:20px 24px;margin:24px 0;box-shadow:0 2px 12px #ef44441a}.doc-success-box{background:linear-gradient(135deg,#10b98114,#2563eb14);border-left:4px solid var(--accent-green);border-radius:8px;padding:20px 24px;margin:24px 0;box-shadow:0 2px 12px #10b9811a}.doc-text h2+p{margin-top:8px}.doc-text a{color:var(--primary-blue);text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}.doc-text a:hover{color:var(--primary-blue-dark);border-bottom-color:var(--primary-blue)}.doc-text em{font-style:italic;color:var(--gray-800);background:#2563eb0d;padding:2px 4px;border-radius:3px}@media(max-width:768px){.doc-section{padding:60px 0;background:linear-gradient(180deg,var(--gray-50) 0%,white 150px)}.doc-content{padding:0 12px}.doc-text{font-size:16px}.doc-text h2{font-size:26px;margin-top:40px;padding-left:16px;padding-top:16px;padding-bottom:12px}.doc-text h3{font-size:22px;margin-top:32px;padding-left:12px}.doc-text p{font-size:16px}.doc-text p:first-of-type{font-size:17px}.doc-text li{font-size:16px;padding-left:28px}.doc-text ul li:before{width:22px;height:22px;font-size:12px}.doc-text ol li{padding-left:36px}.doc-text ol li:before{width:26px;height:26px;font-size:13px}.doc-info-box,.doc-warning-box,.doc-success-box{padding:16px 20px}.program-accordion{padding:0 8px}}@media(max-width:480px){.doc-section{padding:15px 0;background:linear-gradient(180deg,var(--gray-50) 0%,white 100px)}.doc-content{padding:0 8px}.doc-text{font-size:15px}.doc-text h2{font-size:22px;margin-top:32px;padding-left:12px;padding-top:12px;padding-bottom:10px;border-left-width:3px}.doc-text h3{font-size:19px;margin-top:28px;padding-left:10px;border-left-width:2px}.doc-text p{font-size:15px;text-align:left}.doc-text p:first-of-type{font-size:16px}.doc-text ul li,.doc-text ol li{padding-left:24px;font-size:15px}.doc-text ul li:before{width:20px;height:20px;font-size:11px}.doc-text ol li:before{width:24px;height:24px;font-size:12px}.doc-info-box,.doc-warning-box,.doc-success-box{padding:14px 16px;margin:20px 0}.program-accordion{padding:0 4px}}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.help-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.help-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.help-icon{font-size:48px;margin-bottom:16px}.help-card h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--gray-900)}.help-card p{color:var(--gray-600);font-size:14px}.instruction-section{background:var(--gray-50);border-radius:12px;padding:24px;margin:24px 0}.instruction-section h3{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--gray-900)}.instruction-section ol{margin:0;padding-left:24px}.instruction-section li{margin-bottom:12px;color:var(--gray-700)}.support-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.support-contact-item{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease}.support-contact-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.support-contact-icon{font-size:32px;flex-shrink:0}.support-contact-item h4{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--gray-900)}.support-contact-item p{margin-bottom:4px;color:var(--gray-700);font-size:14px}.support-note{color:var(--gray-500);font-size:12px;font-style:italic}@media(max-width:1024px){.help-grid,.support-contacts{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.help-grid{grid-template-columns:1fr;gap:20px}.help-card{padding:24px}.support-contacts{grid-template-columns:1fr;gap:16px}.instruction-section{padding:20px}}@media(max-width:480px){.help-icon{font-size:40px}.help-card h3{font-size:18px}.support-contact-item{padding:20px}.support-contact-icon{font-size:28px}}.course-page-hero{padding:80px 0 60px;background:var(--gradient-light);position:relative;overflow:hidden;width:100%;max-width:100vw}.course-page-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out}.course-hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1;width:100%;padding:0 16px;box-sizing:border-box}.course-hero-emoji{font-size:80px;margin-bottom:24px;display:inline-block;animation:gentleShake 4s ease-in-out infinite}.course-hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--gray-900)}.course-hero-description{font-size:20px;color:var(--gray-600);line-height:1.6;max-width:800px;margin:0 auto 32px}.course-hero-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;padding:0 8px}.course-badge{display:inline-block;padding:8px 16px;background:#2563eb1a;color:var(--primary-blue);border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(37,99,235,.2)}.course-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:800px;margin:40px auto 32px;width:100%;box-sizing:border-box}.course-stat-item{text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);transition:all .3s ease}.course-stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.course-stat-value{font-size:32px;font-weight:700;color:var(--primary-blue);margin-bottom:8px;line-height:1}.course-stat-label{font-size:14px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.course-hero-visual{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.course-hero-visual .floating-3d{position:absolute;font-size:60px;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));will-change:transform;animation:gentleShake 4s ease-in-out infinite;opacity:.6}.course-hero-visual .floating-3d.gamepad{top:10%;left:5%;animation-delay:0s}.course-hero-visual .floating-3d.code{top:15%;right:10%;animation-delay:.5s}.course-hero-visual .floating-3d.money{bottom:20%;left:8%;animation-delay:1s}.course-hero-visual .floating-3d.star{bottom:15%;right:5%;animation-delay:1.5s}.course-hero-cta{margin-top:32px;position:relative;z-index:2}.course-program-list{list-style:none;margin:32px 0;padding-left:0}.course-program-list li{margin-bottom:16px;font-size:18px;line-height:1.8;padding-left:40px;position:relative;color:var(--gray-700)}.course-program-list li:before{content:"✓";position:absolute;left:0;top:2px;width:28px;height:28px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #2563eb4d}.result-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.result-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--gray-200);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-blue);transform:scaleX(0);transition:transform .3s ease}.result-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.result-card:hover:before{transform:scaleX(1)}.result-card-icon{font-size:64px;margin-bottom:20px;display:inline-block;animation:gentleShake 3s ease-in-out infinite}.result-card-title{font-size:22px;font-weight:600;margin-bottom:12px;color:var(--gray-900)}.result-card-description{color:var(--gray-600);font-size:16px;line-height:1.6}.program-accordion{max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.program-module-item{background:#fff;border-radius:12px;margin-bottom:16px;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease;position:relative}.program-module-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--primary-blue);border-radius:12px 0 0 12px}.program-module-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-blue) 0%,var(--accent-purple) 100%);border-radius:12px 0 0 12px}.program-module-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.program-module-header{padding:20px 24px 20px 32px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease}.program-module-header:hover{background-color:var(--gray-50)}.program-module-header:focus{outline:2px solid var(--primary-blue);outline-offset:-2px;border-radius:12px}.program-module-title{font-size:20px;font-weight:600;margin:0;color:var(--gray-900)}.program-module-icon{font-size:24px;font-weight:300;color:var(--primary-blue);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.program-module-item.active .program-module-icon{transform:rotate(45deg)}.program-module-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 24px 0 32px}.program-module-item.active .program-module-content{max-height:500px;padding:0 24px 24px 32px}.program-module-content .course-program-list{margin-top:0;margin-bottom:0}.social-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.social-proof-card{background:#fff;border-radius:16px;padding:40px 32px;text-align:center;border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.social-proof-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-blue);transform:scaleX(0);transition:transform .3s ease}.social-proof-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.social-proof-card:hover:before{transform:scaleX(1)}.social-proof-icon{font-size:48px;margin-bottom:16px;display:inline-block}.social-proof-value{font-size:48px;font-weight:700;color:var(--primary-blue);margin-bottom:8px;line-height:1}.social-proof-label{font-size:16px;color:var(--gray-600);font-weight:500}@media(max-width:1024px){.course-hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}.course-hero-visual .floating-3d{font-size:50px;opacity:.5}}@media(max-width:768px){.course-page-hero{padding:60px 0 40px}.course-hero-badges{margin-bottom:20px;gap:8px;padding:0 4px}.course-badge{font-size:12px;padding:6px 12px;white-space:nowrap}.course-hero-emoji{font-size:60px;margin-bottom:20px}.course-hero-title{font-size:32px;margin-bottom:20px;line-height:1.2}.course-hero-description{font-size:18px;margin-bottom:24px;line-height:1.5}.course-hero-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin:32px 0 24px}.course-stat-item{padding:16px}.course-stat-value{font-size:28px}.course-hero-visual .floating-3d{font-size:40px;opacity:.4}.course-hero-visual .floating-3d.gamepad{left:2%}.course-hero-visual .floating-3d.code{right:5%}.course-hero-visual .floating-3d.money{left:3%}.course-hero-visual .floating-3d.star{right:2%}.course-hero-content{padding:0 12px}.course-hero-cta{margin-top:24px}.course-hero-cta .btn-primary-large{width:100%}.result-cards-grid{grid-template-columns:1fr;gap:24px}.social-proof-grid{grid-template-columns:repeat(2,1fr);gap:20px}.social-proof-card{padding:32px 20px}.social-proof-value{font-size:36px}.program-module-header{padding:16px 20px 16px 28px}.program-module-title{font-size:18px;line-height:1.3}.program-module-content,.program-module-item.active .program-module-content{padding-left:28px;padding-right:20px}.course-program-list li{font-size:16px;padding-left:36px;line-height:1.6}.course-program-list li:before{width:26px;height:26px;font-size:14px}}@media(max-width:480px){.course-page-hero{padding:40px 0 32px}.course-hero-content{padding:0 8px}.course-hero-badges{gap:6px;margin-bottom:16px;padding:0 4px}.course-badge{font-size:11px;padding:5px 10px;white-space:nowrap}.course-hero-emoji{font-size:48px;margin-bottom:16px}.course-hero-title{font-size:26px;margin-bottom:16px;line-height:1.2}.course-hero-description{font-size:16px;margin-bottom:20px;line-height:1.5}.course-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 20px}.course-stat-item{padding:12px 8px}.course-stat-value{font-size:24px}.course-stat-label{font-size:12px}.course-hero-visual .floating-3d{font-size:32px;opacity:.3}.course-hero-visual .floating-3d.gamepad{left:1%;top:8%}.course-hero-visual .floating-3d.code{right:2%;top:12%}.course-hero-visual .floating-3d.money{left:2%;bottom:18%}.course-hero-visual .floating-3d.star{right:1%;bottom:12%}.course-hero-cta{margin-top:20px}.course-hero-cta .btn-primary-large{width:100%;padding:14px 24px;font-size:16px}.result-card{padding:24px 16px}.result-card-icon{font-size:48px;margin-bottom:16px}.result-card-title{font-size:20px;line-height:1.3}.result-card-description{font-size:15px;line-height:1.5}.program-module-header{padding:14px 16px 14px 24px}.program-module-title{font-size:16px;line-height:1.3}.program-module-content,.program-module-item.active .program-module-content{padding-left:24px;padding-right:16px}.social-proof-grid{grid-template-columns:1fr;gap:20px}.social-proof-card{padding:32px 24px}.social-proof-value{font-size:40px}.course-program-list li{font-size:15px;padding-left:32px;line-height:1.6}.course-program-list li:before{width:24px;height:24px;font-size:13px}}@media(max-width:360px){.course-hero-content{padding:0 4px}.course-hero-badges{gap:4px;padding:0 2px}.course-badge{font-size:10px;padding:4px 8px}.course-hero-title{font-size:24px}.course-hero-description{font-size:15px}.course-hero-stats{gap:8px}.course-stat-item{padding:10px 6px}.course-stat-value{font-size:20px}.course-stat-label{font-size:11px}.course-hero-visual .floating-3d{font-size:28px;opacity:.2}.program-module-header{padding:12px 12px 12px 20px}.program-module-title{font-size:15px}.program-module-content,.program-module-item.active .program-module-content{padding-left:20px;padding-right:12px}.course-program-list li{font-size:14px;padding-left:28px}.course-program-list li:before{width:22px;height:22px;font-size:12px}.result-card{padding:20px 12px}.result-card-title{font-size:18px}.result-card-description{font-size:14px}.doc-content{padding:0 4px}.program-accordion{padding:0 2px}}button{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}