.home-container{display:flex;flex-direction:column;align-items:center;padding:40px}.home-header{margin-bottom:40px}.home-main .start-course-button{padding:12px 24px;font-size:1rem;background-color:var(--color-primary);color:var(--color-surface);border:none;border-radius:6px;cursor:pointer}.home-main .start-course-button:hover{background-color:var(--color-primary-hover)}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;background:#1e40af14;border-radius:50%;animation:float 20s infinite linear}.shape-1{width:80px;height:80px;left:10%;animation-delay:0s;background:#3b82f60f}.shape-2{width:120px;height:120px;left:20%;animation-delay:5s;background:#1e40af0d}.shape-3{width:60px;height:60px;left:70%;animation-delay:10s;background:#0ea5e912}.shape-4{width:100px;height:100px;left:80%;animation-delay:15s;background:#3b82f60d}.shape-5{width:40px;height:40px;left:50%;animation-delay:7s;background:#1e40af0f}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.glass-button{border-radius:.75rem;padding:.5rem 1rem;font-weight:500;color:#0f172a;background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(30,64,175,.2);transition:all .3s ease;box-shadow:0 2px 4px #1e40af1a}.glass-button:hover{background:#f8fafcf2;transform:translateY(-2px);box-shadow:0 10px 25px #1e40af26;border-color:#1e40af80;color:#0f172a}.hero-title{background:linear-gradient(135deg,#1e40af,#3b82f6,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(30,64,175,.1)}.hero-subtitle{text-shadow:0 1px 3px rgba(30,64,175,.1)}.cta-button{opacity:1!important}.cta-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:1rem;padding:1rem 2rem;font-size:18px;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;min-width:200px;display:inline-flex;align-items:center;justify-content:center}.cta-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 8px 25px #1e40af4d}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1e40af66}.cta-secondary{color:#1e40af!important}.cta-secondary{background:#f8fafccc;border:2px solid rgba(30,64,175,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{color:#1e40af!important}.cta-secondary:hover{background:#f8fafcf2;transform:translateY(-3px);box-shadow:0 10px 25px #1e40af33;border-color:#1e40af80}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slideIn{animation:slideIn 1.2s ease-out forwards;opacity:1;transform:translateY(0);animation-fill-mode:forwards}.animate-slideIn[style*=animation-delay],.animate-slideIn[style*=animationDelay]{opacity:0;transform:translateY(30px)}.animate-slideInRight{animation:slideInRight .5s ease-out forwards;opacity:0;animation-fill-mode:forwards}.hero-title,.hero-subtitle{opacity:1!important}.hero-subtitle[style*=animation-delay],.hero-subtitle[style*=animationDelay]{opacity:0;transform:translateY(30px)}@media(max-width:640px){.hero-title{font-size:2.5rem;line-height:1.1}.guest-hero-title{font-size:2.125rem;line-height:1.12}.hero-subtitle{font-size:1.1rem;line-height:1.4}.cta-button{padding:.75rem 1.5rem;font-size:16px;--tw-text-opacity: 1;color:#f8fafc;color:rgba(248,250,252,var(--tw-text-opacity, 1));min-width:auto;width:100%}.glass-button{padding:.5rem .75rem;font-size:14px}.shape{display:none}}@media(max-width:480px){.shape{display:none}}.course-card-enhanced{background:linear-gradient(135deg,#fff,#f8fafc);transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.course-card-enhanced:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.hero-buttons{opacity:1!important}.hero-buttons[style*=animation-delay],.hero-buttons[style*=animationDelay]{opacity:0;transform:translateY(30px)}
