:root{--color-bg:#f8fafc;--color-surface:#fff;--color-primary:#0284c7;--color-primary-hover:#0369a1;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-main);background-color:#0000}.btn-outline:hover{background-color:var(--color-bg);border-color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-main);background-color:#0000}.btn-ghost:hover{background-color:var(--color-bg)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-md{padding:.5rem 1rem;font-size:1rem}.btn-lg{border-radius:var(--radius-lg);padding:.75rem 1.5rem;font-size:1.125rem}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background-color:#ffffffeb;padding:.875rem 0;position:sticky;top:0;left:0;right:0}.navbar-content{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.navbar-logo{color:var(--color-primary);z-index:101;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{color:var(--color-accent)}.navbar-links--desktop{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex;overflow:hidden}.nav-link{color:var(--color-text-muted);transition:color var(--transition-fast);white-space:nowrap;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-primary)}.navbar-actions--desktop{flex-shrink:0;align-items:center;gap:.625rem;display:flex}.sign-in-btn,.join-btn{white-space:nowrap}.navbar-hamburger{color:var(--color-text-main);z-index:101;border-radius:var(--radius-md);width:40px;height:40px;transition:background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:none}.navbar-hamburger:hover{background-color:var(--color-bg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background-color:#0f172a59;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);flex-direction:column;gap:.125rem;max-height:calc(100vh - 60px);margin-top:60px;padding:.75rem 1.25rem 1.5rem;animation:.25s slideDown;display:flex;position:absolute;top:0;left:0;right:0;overflow-y:auto}.mobile-menu__link{color:var(--color-text-main);border-radius:var(--radius-md);transition:background-color var(--transition-fast);text-align:left;width:100%;padding:.75rem;font-size:1rem;font-weight:500;text-decoration:none;display:block}.mobile-menu__link:hover{background-color:var(--color-bg);color:var(--color-primary)}.mobile-menu__link--logout{color:#ef4444}.mobile-menu__link--logout:hover{color:#ef4444;background-color:#ef44440f}.mobile-menu__divider{background-color:var(--color-border);height:1px;margin:.5rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.navbar-links--desktop,.navbar-actions--desktop{display:none}.navbar-hamburger{display:flex}}@media (width>=1101px){.navbar-hamburger{display:none}.mobile-menu-overlay{display:none!important}}@media (width<=360px){.navbar-logo{font-size:1.25rem}.mobile-menu{padding:.5rem 1rem 1.25rem}.mobile-menu__link{padding:.65rem .5rem;font-size:.95rem}}.footer{color:#f8fafc;background-color:#0f172a;margin-top:auto;padding:4rem 0 2rem}.footer-content{grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-logo{color:#fff;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.footer-logo-icon{color:var(--color-accent)}.footer-description{color:#94a3b8;max-width:300px;line-height:1.6}.footer-socials{gap:1rem;margin-top:1rem;display:flex}.social-link{color:#94a3b8;transition:color var(--transition-fast)}.social-link:hover{color:var(--color-primary)}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-column{flex-direction:column;gap:1rem;display:flex}.footer-heading{color:#fff;margin-bottom:.5rem;font-size:1rem;font-weight:600}.footer-link{color:#94a3b8;transition:color var(--transition-fast);font-size:.95rem}.footer-link:hover{color:#fff}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #1e293b;padding-top:2rem;font-size:.875rem}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-links-grid{grid-template-columns:1fr}}.modal-overlay{z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);background-color:#0f172a66;position:absolute;inset:0}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl);z-index:1001;position:relative;overflow:hidden}.modal-close{width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background-color:var(--color-bg);color:var(--color-text-main)}.modal-body{text-align:center;flex-direction:column;align-items:center;padding:3rem 2rem 2rem;display:flex}.modal-body .success-icon-wrapper{background-color:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.modal-title{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.modal-text{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.mt-6{margin-top:1.5rem}.hero-section{background-color:var(--color-bg);padding:6rem 0 8rem;position:relative;overflow:hidden}.hero-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(80px);z-index:0;opacity:.6;position:absolute}.blob-1{background:radial-gradient(circle,#0284c726 0%,#0284c700 70%);width:500px;height:500px;top:-10%;right:-5%}.blob-2{background:radial-gradient(circle,#f59e0b1a 0%,#f59e0b00 70%);width:600px;height:600px;bottom:-20%;left:-10%}.hero-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.hero-badge{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-main);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.badge-icon{color:var(--color-accent)}.hero-title{color:var(--color-text-main);letter-spacing:-.02em;font-size:3.5rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--color-primary), #3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-muted);max-width:540px;font-size:1.25rem;line-height:1.6}.hero-cta-wrapper{margin-top:1rem}.hero-form{gap:.5rem;max-width:480px;display:flex}.hero-input{border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;padding:.875rem 1.25rem;font-size:1rem}.hero-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0284c71a}.hero-submit{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.hero-guarantee{color:var(--color-text-muted);margin-top:.75rem;font-size:.875rem}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-mockup-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid #e2e8f0cc;transition:transform .5s;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)}.hero-mockup-card:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.mockup-header{border-bottom:1px solid var(--color-border);background-color:#f1f5f9;padding:1rem}.mockup-header .dots{gap:.375rem;display:flex}.mockup-header .dots span{background-color:#cbd5e1;border-radius:50%;width:10px;height:10px}.mockup-header .dots span:first-child{background-color:#ef4444}.mockup-header .dots span:nth-child(2){background-color:#f59e0b}.mockup-header .dots span:nth-child(3){background-color:#22c55e}.mockup-body{background-color:#fff;padding:2rem}.mockup-line{background-color:#f1f5f9;border-radius:6px;width:100%;height:12px;margin-bottom:1rem}.mockup-line.title{background-color:#e2e8f0;width:60%;height:24px;margin-bottom:1.5rem}.mockup-line.short{width:80%}.mockup-box{border-radius:var(--radius-md);background-color:#f8fafc;border:1px solid #e2e8f0;height:60px;margin-bottom:.75rem}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{align-items:center}.hero-subtitle{margin:0 auto}.hero-form{flex-direction:column;width:100%;margin:0 auto}.hero-submit{justify-content:center;width:100%}}@media (width<=576px){.hero-title{font-size:2.5rem}}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:1.5rem}.card-hover:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary);transform:translateY(-4px)}.features-section{background-color:#fff;padding:6rem 0}.features-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-subtitle{color:var(--color-text-muted);font-size:1.125rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{flex-direction:column;height:100%;display:flex}.feature-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.icon-bg-blue{background-color:#0284c71a}.icon-bg-orange{background-color:#f59e0b1a}.icon-bg-green{background-color:#22c55e1a}.feature-title{color:var(--color-text-main);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-description{color:var(--color-text-muted);line-height:1.6}@media (width<=992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.features-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}.testimonials-section{background-color:var(--color-bg);padding:6rem 0}.text-center{text-align:center;margin-bottom:4rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.testimonial-card{flex-direction:column;height:100%;display:flex}.testimonial-stars{color:#f59e0b;margin-bottom:1rem;font-size:1.25rem}.testimonial-content{color:var(--color-text-main);flex:1;margin-bottom:2rem;font-size:1.05rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:600;display:flex}.bg-purple{background-color:#8b5cf6}.bg-blue{background-color:#3b82f6}.bg-green{background-color:#10b981}.author-name{color:var(--color-text-main);margin-bottom:.125rem;font-weight:600}.author-role{color:var(--color-text-muted);font-size:.875rem}@media (width<=992px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.testimonials-grid{grid-template-columns:1fr}}.home-page{flex-direction:column;display:flex}.course-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.course-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.course-image-placeholder{width:100%;height:160px}.bg-blue-gradient{background:linear-gradient(135deg,#38bdf8,#0284c7)}.bg-orange-gradient{background:linear-gradient(135deg,#fbbf24,#d97706)}.bg-green-gradient{background:linear-gradient(135deg,#34d399,#059669)}.course-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.course-badges{justify-content:space-between;margin-bottom:1rem;display:flex}.badge{background-color:var(--color-bg);color:var(--color-text-muted);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.badge-rating{color:var(--color-text-main);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.star-icon{color:#f59e0b;fill:#f59e0b}.course-title{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.course-description{color:var(--color-text-muted);flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.course-meta{color:var(--color-text-muted);border-top:1px solid var(--color-border);justify-content:space-between;margin-bottom:1.5rem;padding-top:1rem;font-size:.875rem;display:flex}.meta-item{align-items:center;gap:.5rem;display:flex}.course-action{width:100%}.dashboard-page{background-color:#f8fafc;min-height:calc(100vh - 80px);padding-bottom:6rem;position:relative}.dashboard-header-bg{background-color:var(--color-primary);z-index:0;background-image:radial-gradient(circle at 100% 0,#ffffff1a 0%,#0000 40%);height:240px;position:absolute;top:0;left:0;right:0}.dashboard-container{z-index:10;padding-top:3rem;position:relative}.dashboard-header{color:#fff;margin-bottom:3rem}.dashboard-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.dashboard-subtitle{opacity:.9;font-size:1.125rem}.dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.metric-card{align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.metric-icon-wrapper{width:56px;height:56px;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.text-blue{color:var(--color-primary)}.text-green{color:#10b981}.text-orange{color:#f59e0b}.metric-content{flex:1}.metric-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.metric-value{color:var(--color-text-main);font-size:2rem;font-weight:700;line-height:1}.dashboard-section{margin-bottom:4rem}.section-header{margin-bottom:2rem}.section-title{color:var(--color-text-main);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.section-subtitle{color:var(--color-text-muted)}@media (width<=992px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-metrics{grid-template-columns:1fr}.metric-card{padding:1.25rem}}.result-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background-color:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.result-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.result-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.result-modal__title-group{align-items:center;gap:.5rem;display:flex}.result-modal__success-icon{color:#22c55e}.result-modal__title{color:var(--color-text-main);margin:0;font-size:1.125rem;font-weight:700}.result-modal__close-btn{width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.result-modal__close-btn:hover{background-color:var(--color-bg);color:var(--color-text-main)}.result-modal__meta{border-bottom:1px solid var(--color-border);background-color:#fafbfc;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem;display:flex}.result-modal__tag{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.result-modal__tag--saved{color:#16a34a;background-color:#22c55e1a;border-color:#22c55e4d}.result-modal__tag--credits{color:#d97706;background-color:#f59e0b1a;border-color:#f59e0b4d}.result-modal__scroll{flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.result-modal__content{color:var(--color-text-main);font-size:.9375rem;line-height:1.7}.result-modal__content h1,.result-modal__content h2,.result-modal__content h3{color:var(--color-text-main);margin-top:1.5rem;margin-bottom:.5rem;font-weight:700}.result-modal__content h1:first-child,.result-modal__content h2:first-child,.result-modal__content h3:first-child{margin-top:0}.result-modal__content h2{border-bottom:1px solid var(--color-border);padding-bottom:.375rem;font-size:1.125rem}.result-modal__content p{margin-bottom:.75rem}.result-modal__content ul,.result-modal__content ol{margin-bottom:1rem;padding-left:1.5rem}.result-modal__content li{margin-bottom:.375rem}.result-modal__content strong{color:var(--color-text-main);font-weight:600}.result-modal__content code{background-color:var(--color-bg);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.875em}.result-modal__actions{border-top:1px solid var(--color-border);background-color:#fafbfc;gap:.5rem;padding:1rem 1.5rem;display:flex}.result-modal__actions .btn{flex:1;justify-content:center;gap:.375rem;font-size:.875rem}@media (width<=640px){.result-modal{border-radius:var(--radius-lg);max-height:95vh}.result-modal__actions{flex-direction:column}.result-modal__actions .btn{width:100%}}.dashboard-container{max-width:1000px;min-height:calc(100vh - 80px);margin:0 auto;padding:3rem 1.5rem}.dashboard-header h1{color:var(--color-text-main);margin-bottom:.5rem;font-size:2rem;font-weight:700}.dashboard-header p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.1rem}.dashboard-loading{text-align:center;color:var(--color-text-muted);min-height:calc(100vh - 80px);padding:4rem;font-size:1.2rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:3rem;display:grid}.stat-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-card:hover{transform:translateY(-2px)}.stat-card__icon{background-color:var(--color-bg);width:44px;height:44px;color:var(--color-text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card__icon--blue{color:var(--color-primary);background-color:#0284c71a}.stat-card__icon--indigo{color:#6366f1;background-color:#6366f11a}.stat-card__icon--green{color:#16a34a;background-color:#22c55e1a}.stat-card h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.125rem;font-size:.8rem;font-weight:500}.stat-number{color:var(--color-text-main);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.stat-card--credits{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.stat-card--credits .stat-card__icon{color:#d97706;background-color:#f59e0b33}.stat-number--credits{color:#92400e}.dashboard-activity{border:1px solid var(--color-border);background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000a}.dashboard-activity__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard-activity__header h2{color:var(--color-text-main);margin:0;font-size:1.5rem}.dashboard-activity__link{color:var(--color-primary);transition:all var(--transition-fast);align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.dashboard-activity__link:hover{color:var(--color-primary-hover);gap:.5rem}.no-activity{color:var(--color-text-muted);text-align:center;padding:2rem 0;font-style:italic}.activity-cards{flex-direction:column;gap:.75rem;display:flex}.activity-card{border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:10px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.activity-card:hover{border-color:#0284c740;box-shadow:0 2px 8px #0284c70f}.activity-card__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-card__info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.activity-card__type{color:var(--color-text-main);font-size:.9rem;font-weight:600}.activity-card__preview{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.825rem;overflow:hidden}.activity-card__date{color:#94a3b8;font-size:.75rem}.activity-card__view-btn{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-card__view-btn:hover{color:var(--color-primary);background-color:#0284c71a}@media (width<=768px){.activity-card{flex-wrap:wrap;gap:.75rem}.activity-card__info{flex-basis:calc(100% - 60px)}.dashboard-activity__header{flex-direction:column;align-items:flex-start;gap:.5rem}}.auth-container{background-color:var(--bg-primary,#f8fafc);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem 1rem;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:2.5rem;box-shadow:0 10px 25px #0000000d}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--text-primary,#0f172a);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-secondary,#64748b);font-size:.95rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-control{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-control:focus{border-color:var(--accent-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.auth-button{background-color:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:background-color .2s}.auth-button:hover{background-color:var(--accent-hover,#4f46e5)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:#b91c1c;text-align:center;background-color:#fee2e2;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.auth-footer{text-align:center;color:var(--text-secondary,#64748b);margin-top:2rem;font-size:.9rem}.auth-link{color:var(--accent-color,#6366f1);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.profile-page{max-width:800px;min-height:calc(100vh - 80px);margin:0 auto;padding:3rem 1.5rem}.profile-page h1{color:var(--color-text-main);margin-bottom:.5rem;font-size:2rem;font-weight:700}.profile-subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.05rem}.profile-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:2rem}.profile-field{margin-bottom:1.5rem}.profile-field label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.profile-field .profile-value{color:var(--color-text-main);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.625rem .875rem;font-size:1.05rem}.profile-field .ui-input,.profile-field .ui-select{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;color:var(--color-text-main);transition:border-color var(--transition-fast);background:#fff;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:1rem}.profile-field .ui-input:focus,.profile-field .ui-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0284c71a}.profile-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.profile-actions{border-top:1px solid var(--color-border);gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.profile-success{border-radius:var(--radius-md);color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.profile-credits-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.25rem 1.5rem;display:flex}.profile-credits-card .credits-info h3{color:#92400e;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.profile-credits-card .credits-info p{color:#78350f;margin:0;font-size:2rem;font-weight:800}@media (width<=640px){.profile-row{grid-template-columns:1fr}.profile-actions{flex-direction:column}}.toolkit-dashboard-page{background-color:var(--color-bg);min-height:calc(100vh - 80px);padding:4rem 0 8rem}.text-center{text-align:center}.dashboard-header{margin-bottom:4rem}.dashboard-title{color:var(--color-text-main);margin-bottom:1rem;font-size:3rem;font-weight:800}.dashboard-subtitle{color:var(--color-text-muted);font-size:1.125rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.tool-link{height:100%;text-decoration:none;display:block}.tool-card{border-width:1px;flex-direction:column;height:100%;padding:2rem;display:flex}.tool-card:hover{border-color:var(--color-border)}.card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.card-title{color:var(--color-text-main);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.card-desc{color:var(--color-text-muted);flex:1;margin-bottom:2rem;line-height:1.5}.tool-action{align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;transition:gap .2s;display:flex}.tool-card:hover .tool-action{gap:.75rem}.blue{color:var(--color-primary)}.bg-blue-100{background-color:#0284c71a}.brand-li{color:#0a66c2}.bg-li-100{background-color:#0a66c21a}.green{color:#16a34a}.bg-green-100{background-color:#22c55e1a}@media (width<=992px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tools-grid{grid-template-columns:1fr;max-width:400px}}.ai-tool-page{background-color:var(--color-bg);min-height:calc(100vh - 80px);padding:4rem 0 8rem}.ai-tool-header{text-align:center;max-width:720px;margin:0 auto 3rem}.tool-badge{color:var(--color-primary);border-radius:var(--radius-full);background-color:#0284c71a;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.tool-title{color:var(--color-text-main);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.tool-subtitle{color:var(--color-text-muted);font-size:1.125rem;line-height:1.6}.ai-tool-grid{grid-template-columns:1fr;gap:2rem;max-width:800px;margin:0 auto;display:grid}.tool-form-card{padding:2.5rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--color-text-main);font-size:.875rem;font-weight:600}.ui-input,.ui-select,.ui-textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;color:var(--color-text-main);transition:border-color var(--transition-fast);background-color:#fff;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.ui-textarea{resize:vertical;min-height:120px}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0284c71a}.error-message{color:#ef4444;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.875rem;display:flex}.tool-result-card{border-top:4px solid var(--color-primary);padding:2.5rem}.result-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.result-title{color:var(--color-text-main);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.result-content{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);white-space:pre-wrap;background-color:#f8fafc;margin-bottom:2rem;padding:1.5rem;font-size:.95rem;line-height:1.6}.result-content h1,.result-content h2,.result-content h3{color:var(--color-text-main);margin-top:1.5rem;margin-bottom:.75rem}.result-content h1:first-child,.result-content h2:first-child,.result-content h3:first-child{margin-top:0}.result-content p{margin-bottom:.75rem}.result-content ul{margin-bottom:1rem;padding-left:1.5rem}.result-content li{margin-bottom:.25rem}.generating-state{color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.spinner{margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w-full{width:100%}.mt-4{margin-top:1rem}.ml-2{margin-left:.5rem}.history-page{max-width:1000px;min-height:calc(100vh - 80px);margin:0 auto;padding:3rem 1.5rem}.history-header{margin-bottom:2rem}.history-header h1{color:var(--color-text-main);margin-bottom:.5rem;font-size:2rem;font-weight:700}.history-header p{color:var(--color-text-muted);font-size:1.05rem}.history-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.history-search{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);min-width:200px;color:var(--color-text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;padding:.625rem 1rem .625rem 2.5rem;font-size:.9rem}.history-search:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0284c71f}.history-search-wrapper{flex:1;min-width:200px;position:relative}.history-search-wrapper svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.history-filter-btn{border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);background-color:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.85rem;font-weight:500;display:flex}.history-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0284c70a}.history-filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.history-loading{text-align:center;color:var(--color-text-muted);padding:4rem 1rem;font-size:1.1rem}.history-loading .spinner-dot{background-color:var(--color-primary);border-radius:50%;width:8px;height:8px;margin:0 3px;animation:1.4s ease-in-out infinite both history-bounce;display:inline-block}.history-loading .spinner-dot:first-child{animation-delay:-.32s}.history-loading .spinner-dot:nth-child(2){animation-delay:-.16s}@keyframes history-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.history-empty{text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);border:1px dashed var(--color-border);padding:4rem 1.5rem}.history-empty__icon{width:64px;height:64px;color:var(--color-primary);background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.history-empty h3{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.history-empty p{color:var(--color-text-muted);max-width:360px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.history-list{flex-direction:column;gap:.75rem;display:flex}.history-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:default;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.history-card:hover{border-color:#0284c74d;transform:translateY(-1px);box-shadow:0 4px 16px #0284c70f}.history-card__badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.history-card__badge--cv{color:var(--color-primary);background-color:#0284c71a}.history-card__badge--linkedin{color:#0a66c2;background-color:#0a66c21a}.history-card__badge--skill-gap{color:#16a34a;background-color:#22c55e1a}.history-card__info{flex:1;min-width:0}.history-card__type-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.history-card__type{color:var(--color-text-main);font-size:.95rem;font-weight:600}.history-card__date{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem}.history-card__preview{color:var(--color-text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.history-card__actions{flex-shrink:0;gap:.5rem;display:flex}.history-card__view-btn{border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background-color:#0284c714;border:1px solid #0000;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex}.history-card__view-btn:hover{background-color:var(--color-primary);color:#fff}.history-card__delete-btn{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;padding:.5rem;display:flex}.history-card__delete-btn:hover{color:#ef4444;background-color:#ef44441a}.history-stats{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0284c726;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.history-stat{align-items:center;gap:.5rem;display:flex}.history-stat__number{color:var(--color-text-main);font-size:1.5rem;font-weight:700}.history-stat__label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.history-stat__divider{background-color:#0284c733;width:1px;height:32px}@media (width<=768px){.history-card{flex-direction:column;align-items:flex-start;gap:.75rem}.history-card__actions{width:100%}.history-card__view-btn{flex:1;justify-content:center}.history-toolbar{flex-direction:column}.history-search-wrapper{width:100%}.history-stats{flex-wrap:wrap;gap:1rem}.history-stat__divider{display:none}}.bootcamps-page{background-color:var(--color-bg);min-height:calc(100vh - 80px);padding:4rem 0 8rem}.bootcamps-hero{text-align:center;max-width:740px;margin:0 auto 5rem;padding:0 1rem}.bootcamps-hero__eyebrow{color:#7c3aed;border-radius:var(--radius-full);background:#7c3aed1a;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.bootcamps-hero__title{color:var(--color-text-main);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15}.bootcamps-hero__title--accent{background:linear-gradient(135deg,#7c3aed,#0284c7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bootcamps-hero__subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.125rem;line-height:1.65}.bootcamps-hero__pill-row{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.bootcamps-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);box-shadow:var(--shadow-sm);padding:.375rem 1rem;font-size:.85rem;font-weight:500}.bootcamps-section{margin-bottom:5rem}.bootcamps-section__header{text-align:center;margin-bottom:2.5rem}.bootcamps-section__header h2{letter-spacing:-.02em;color:var(--color-text-main);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.bootcamps-section__header p{color:var(--color-text-muted);font-size:1rem}.bootcamps-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.bootcamp-card{border:1px solid var(--color-border);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;gap:1.125rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.bootcamp-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#7c3aed08,#0000 60%);position:absolute;inset:0}.bootcamp-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bootcamp-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.bootcamp-card__body{flex-direction:column;gap:.5rem;display:flex}.coming-soon-badge{color:#7c3aed;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed18,#0284c718);border:1px solid #7c3aed30;width:fit-content;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.bootcamp-card__title{color:var(--color-text-main);font-size:1.1rem;font-weight:700;line-height:1.3}.bootcamp-card__desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.55}.bootcamps-form-wrapper{max-width:640px;margin:0 auto}.bootcamps-form-card{border:1px solid var(--color-border);padding:2.5rem}.bootcamps-form__heading{color:var(--color-primary);align-items:center;gap:.625rem;margin-bottom:1.75rem;display:flex}.bootcamps-form__heading h3{color:var(--color-text-main);font-size:1.2rem;font-weight:700}.bootcamps-anon-note{color:var(--color-text-muted);border-radius:var(--radius-md);background:#0284c70f;border:1px solid #0284c726;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem}.bootcamps-anon-note a{color:var(--color-primary);font-weight:600;text-decoration:none}.bootcamps-anon-note a:hover{text-decoration:underline}.bootcamps-success{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.bootcamps-success__icon{color:#16a34a;background:#16a34a1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex}.bootcamps-success h3{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.bootcamps-success p{color:var(--color-text-muted);max-width:360px;font-size:.95rem;line-height:1.55}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card-hover{transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-lg)}@media (width<=640px){.bootcamps-hero{margin-bottom:3.5rem}.bootcamps-grid{grid-template-columns:1fr}.bootcamps-form-card{padding:1.5rem}.bootcamps-hero__title{font-size:1.75rem}}.contact-page{background-color:var(--color-bg);min-height:calc(100vh - 80px);padding:4rem 0 8rem}.contact-hero{text-align:center;max-width:640px;margin:0 auto 4rem;padding:0 1rem}.contact-hero__eyebrow{color:var(--color-primary);border-radius:var(--radius-full);background:#0284c714;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.contact-hero__title{color:var(--color-text-main);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15}.contact-hero__subtitle{color:var(--color-text-muted);font-size:1.125rem;line-height:1.65}.contact-section{margin-bottom:4rem}.contact-section__header{text-align:center;margin-bottom:2.5rem}.contact-section__header h2{letter-spacing:-.02em;color:var(--color-text-main);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.contact-section__header p{color:var(--color-text-muted);font-size:1rem}.contact-socials-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:680px;margin:0 auto;display:grid}.social-card{color:inherit;text-decoration:none;display:block}.social-card__inner{cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.social-card__inner:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.social-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.social-card__inner:hover .social-card__icon{transform:scale(1.1)}.social-card__body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.social-card__name{color:var(--color-text-main);font-size:.95rem;font-weight:700}.social-card__cta{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:inline-flex}.contact-form-wrapper{max-width:640px;margin:0 auto}.contact-form-card{border:1px solid var(--color-border);padding:2.5rem}.contact-form__row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contact-success{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 0;display:flex}.contact-success__icon{color:#16a34a;background:#16a34a1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex}.contact-success h3{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.contact-success p{color:var(--color-text-muted);max-width:340px;font-size:.95rem;line-height:1.55}@media (width<=640px){.contact-hero{margin-bottom:3rem}.contact-socials-grid{grid-template-columns:1fr}.contact-form-card{padding:1.5rem}.contact-form__row{grid-template-columns:1fr;gap:0}.contact-hero__title{font-size:1.75rem}}@media (width>=641px) and (width<=768px){.contact-socials-grid{grid-template-columns:1fr 1fr}}