body{color:var(--text-main);background:linear-gradient(135deg,#fdfcfb 0%,#e2d1c3 100%);font-family:Outfit,sans-serif}.button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:10px 20px}.button:disabled{cursor:not-allowed;background-color:#ccc}.error{color:red}h1{font-family:Ubuntu,sans-serif;font-weight:300}.container{padding:2em}input,span,label,textarea{border:none;margin:10px;padding:5px;font-family:Ubuntu,sans-serif;font-size:1.75em;display:block}textarea:focus,input:focus{outline:0}input.question,textarea.question{background:0 0;border:none;border-radius:2px;width:80%;margin:0;font-size:1.3em;font-weight:300;transition:padding-top .2s,margin-top .2s;overflow-x:hidden}input.question+label,textarea.question+label{white-space:nowrap;width:10%;height:0;margin:0;padding:0;transition:width .4s;display:block;position:relative}input.question:focus+label,textarea.question:focus+label{width:80%}input.question:focus,input.question:valid{padding-top:2.5em}textarea.question:valid,textarea.question:focus{margin-top:35px}input.question:focus+label>span,input.question:valid+label>span{color:#333;font-size:1em}textarea.question:focus+label>span,textarea.question:valid+label>span{color:#333;font-size:22px;top:-150px}input.question:valid+label,textarea.question:valid+label{border-color:green}input.question:invalid,textarea.question:invalid{box-shadow:none}input.question+label>span,textarea.question+label>span{color:#8f8f8f;z-index:-1;margin:0;font-size:48px;font-weight:300;transition:top .2s,font-size .2s,color .2s;position:absolute;top:-2.8em;left:0}.container{padding:2em;font-family:Outfit,sans-serif}input{font-size:.5em}h1{margin-bottom:0;line-height:1.1}.overview-section{border-left:6px solid;border-image:var(--accent-gradient) 1;border-radius:0 12px 12px 0;margin:0 40px;padding:10px 10px 10px 40px}@media (width<=768px){h1{font-size:2.2em}.overview-section{margin:0 20px;padding:25px}.modules-section{padding:20px}}table.matching-table{border-spacing:0;border-collapse:separate;border:3px solid #000;border-radius:10px;margin-top:2em;margin-bottom:5em}table.matching-table th:not(:last-child),table.matching-table td:not(:last-child){border-right:3px solid #000}table.matching-table>thead>tr:not(:last-child)>th,table.matching-table>thead>tr:not(:last-child)>td,table.matching-table>tbody>tr:not(:last-child)>th,table.matching-table>tbody>tr:not(:last-child)>td,table.matching-table>tfoot>tr:not(:last-child)>th,table.matching-table>tfoot>tr:not(:last-child)>td,table.matching-table>tr:not(:last-child)>td,table.matching-table>tr:not(:last-child)>th,table.matching-table>thead:not(:last-child),table.matching-table>tbody:not(:last-child),table.matching-table>tfoot:not(:last-child){border-bottom:3px solid #000}.matching-table td{border-top:3px solid #000;padding:8px}.matching-table th{text-align:center;color:#000;padding:8px}:root{--bg-color:#f3f4f6;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--shadow-soft:0 10px 30px -5px #0000001a;--shadow-hover:0 20px 40px -5px #00000026}@media (width<=1024px){.container-desktop{display:none}.container-mobile{display:block}}@media (width>=1025px){.container-mobile{display:none}}h1{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-fill-color:transparent;background:linear-gradient(90deg,#7953cd 20%,#00affa 30%,#0190cd 70%,#764ada 80%) 0 0/500%;-webkit-background-clip:text;background-clip:text;margin-top:0;font-size:3em;font-weight:800;animation:5s ease-in-out infinite alternate textShine}@keyframes textShine{0%{background-position:0%}to{background-position:100%}}.shimmer{text-align:center;color:#ffffff1a;background:-webkit-gradient(linear,0 0,100% 0,from(#222),to(#222),color-stop(.5,#fff));background:-moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(.5, #fff));background:gradient(linear, left top, right top, from(#222), to(#222), color-stop(.5, #fff));-webkit-background-size:125px 100%;-moz-background-size:125px 100%;background-color:#222;background-position:0 0;background-repeat:no-repeat;background-size:125px 100%;-webkit-background-clip:text;background-clip:text;padding:0 140px 0 0;animation-name:shimmer;animation-duration:2s;animation-iteration-count:infinite}@keyframes shimmer{0%{background-position:0 0}to{background-position:100% 0}}.ai-logo{-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-fill-color:transparent;background:linear-gradient(90deg,#7953cd 20%,#00affa 30%,#0190cd 70%,#764ada 80%) 0 0/500%;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:1.5em;font-weight:800;animation:5s ease-in-out infinite alternate textShine}.overview-section{border-left:6px solid;border-image:var(--accent-gradient) 1;border-radius:0 12px 12px 0;margin:0 40px}.overview-section h2{color:#2563eb;margin-bottom:15px;font-size:1.5em}.overview-section p{color:#4b5563;font-size:1.05em;line-height:1.7}@media (width<=768px){h1{font-size:2.2em}.overview-section{margin:0 20px;padding:25px}.modules-section{padding:20px}}.ai-section{margin:0 40px}.container{max-width:1500px;position:relative;overflow:hidden}.card{border:1px solid #000;border-radius:16px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (width<=768px){h1{font-size:2.2em}.overview-section{margin:0 20px;padding:25px}.modules-section{padding:20px}}.responsive-table td:not(:last-child),.responsive-table th:not(:last-child){border-right:4px solid #000;padding:100px}.responsive-table table{border-collapse:collapse}.responsive-table td{text-align:center}.container-summary{text-align:center;padding:2em;font-family:Outfit,sans-serif;overflow:auto}header{z-index:1;border-bottom:1px solid #f0f0f0;padding:0 40px 30px;position:relative}h1{padding-bottom:.2em;font-size:3em;font-weight:800;line-height:1.1}header p{color:var(--text-muted);font-size:1.15em;font-weight:300}.modules-section{padding:40px}.section-title{color:var(--text-main);text-align:center;margin-bottom:30px;font-size:1.8em;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);border-color:#0000;transform:translateY(-8px)}.card:before{content:"";background:#ccc;width:100%;height:6px;position:absolute;top:0;left:0}.card-blue:before{background:#6366f1}.card-teal:before{background:#14b8a6}.card-orange:before{background:#f59e0b}.card h3{color:#111827;margin-bottom:12px;font-size:1.3em}.card p{color:#6b7280;font-size:.95em;line-height:1.6}.button-container{text-align:center;padding:20px 40px 60px}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 40px;font-size:1.1em;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 25px #6366f199}.btn-primary:active{transform:scale(.98)}footer{text-align:center;color:#9ca3af;background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px;font-size:.9em}@media (width<=768px){h1{font-size:2.2em}.overview-section{margin:0 20px;padding:25px}.modules-section{padding:20px}}.responsive-table{border-spacing:0;width:90vw;margin-bottom:1.5em}.row{justify-content:space-between;gap:20px;display:flex}table.summary-table{border-spacing:0;border-collapse:separate;border:3px solid #000;border-radius:10px}table.summary-table th:not(:last-child),table.summary-table td:not(:last-child){border-right:3px solid #000}table.summary-table>thead>tr:not(:last-child)>th,table.summary-table>thead>tr:not(:last-child)>td,table.summary-table>tbody>tr:not(:last-child)>th,table.summary-table>tbody>tr:not(:last-child)>td,table.summary-table>tfoot>tr:not(:last-child)>th,table.summary-table>tfoot>tr:not(:last-child)>td,table.summary-table>tr:not(:last-child)>td,table.summary-table>tr:not(:last-child)>th,table.summary-table>thead:not(:last-child),table.summary-table>tbody:not(:last-child),table.summary-table>tfoot:not(:last-child){border-bottom:3px solid #000}.summary-table td{border-top:3px solid #000;padding:8px}.summary-table th{padding:8px}
