:root{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;padding:0;min-width:100vw;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #2563EB ;--primary-dark: #2952cc;--text-color: #2C3E50;--background-color: #fff;--card-bg: #F8FAFC;--gradient-start: #2563EB ;--gradient-end: #1B4EA5 }*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-color);background-color:var(--background-color);overflow-x:hidden;width:100%;line-height:1.6}.app-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#4169e10d,#6c8cff0d)}.header{background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));padding:1.2rem 4%;display:flex;justify-content:space-between;align-items:center;color:#fff;width:100%;box-shadow:0 2px 15px #4169e133}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#e8efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block;transition:all .3s ease}.logo:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);left:-100%;transition:left .5s ease}.logo:hover:before{left:100%}.logo:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FFFFFF,transparent);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.logo:hover:after{transform:scaleX(1);transform-origin:left}.logo:hover{transform:translateY(-2px);text-shadow:0px 4px 8px rgba(0,0,0,.2);background:linear-gradient(135deg,#fff 30%,#f0f4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-link{color:#fff;text-decoration:none;margin-left:2rem;font-weight:500;transition:all .3s ease;position:relative;opacity:.9}.nav-link:hover{opacity:1}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#ffffffe6;transition:all .3s ease;transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #ffffff4d}.nav-link:hover:after{width:100%;transform:scaleX(1)}.main-content{padding:4rem 4%;width:100%;max-width:1440px;margin:0 auto}.content-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.left-section{max-width:600px}.left-section h1{font-size:clamp(2.5rem,4vw,3.2rem);margin-bottom:1.5rem;color:var(--text-color);font-weight:700;letter-spacing:-.5px;line-height:1.2;text-align:left}.description{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.8;margin-bottom:2.5rem;color:#546880;font-weight:400;text-align:justify}.cta-button{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none;padding:1rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #4169e14d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4169e166}.right-section{display:flex;flex-direction:column;gap:2rem;width:100%}.info-card{background:var(--card-bg);padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000000d;width:100%;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(65,105,225,.1);position:relative}.info-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #4169e11a}.info-card .register-button,.info-card .info-button{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none;padding:.6rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4169e133;position:absolute;right:2.5rem;top:2.5rem;width:auto}.info-card .register-button:hover,.info-card .info-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4169e14d}.register-text,.info-text{color:#546880;line-height:1.7;font-size:1rem;font-weight:400;margin-top:3rem;text-align:justify}@media (max-width: 768px){.content-container{grid-template-columns:1fr;gap:3rem}.left-section{text-align:center;margin:0 auto}.right-section{max-width:600px;margin:0 auto}.header{padding:1rem 2rem}.nav-link{margin-left:1.5rem}.main-content{padding:3rem 4%}.info-card .register-button,.info-card .info-button{position:static;margin-bottom:1.75rem;display:inline-block}.register-text,.info-text{margin-top:0}}@media (max-width: 480px){.header{flex-direction:column;gap:1rem;text-align:center;padding:1.2rem}.nav-link{margin:0 .8rem}.main-content{padding:2rem 1.5rem}.info-card{padding:2rem}.left-section h1{font-size:clamp(2rem,8vw,2.5rem)}}.logout-button{background:none;border:none;color:#fff;font-size:inherit;font-family:inherit;cursor:pointer;padding:0;margin-left:2rem;opacity:.9;transition:all .3s ease;position:relative}.logout-button:hover{opacity:1}.logout-button:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#ffffffe6;transition:all .3s ease;transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #ffffff4d}.logout-button:hover:after{width:100%;transform:scaleX(1)}