:root{--spacing: .2rem}:root{--clr-primary: #3b82f6;--clr-secondary: #6366f1;--clr-success: #10b981;--clr-danger: #ef4444;--clr-warning: #f59e0b;--clr-info: #0ea5e9;--clr-light: #f3f4f6;--clr-dark: #1f2937;--clr-white: #ffffff;--clr-black: #000000}.bg-primary{background-color:var(--clr-primary)}.bg-secondary{background-color:var(--clr-secondary)}.bg-success{background-color:var(--clr-success)}.bg-danger{background-color:var(--clr-danger)}.bg-warning{background-color:var(--clr-warning)}.bg-info{background-color:var(--clr-info)}.bg-light{background-color:var(--clr-light)}.bg-dark{background-color:var(--clr-dark)}.text-primary{color:var(--clr-primary)}.text-secondary{color:var(--clr-secondary)}.text-success{color:var(--clr-success)}.text-danger{color:var(--clr-danger)}.text-warning{color:var(--clr-warning)}.text-info{color:var(--clr-info)}.text-light{color:var(--clr-light)}.text-dark{color:var(--clr-dark)}.border-primary{border-color:var(--clr-primary)}.border-secondary{border-color:var(--clr-secondary)}.border-success{border-color:var(--clr-success)}.border-danger{border-color:var(--clr-danger)}.border-warning{border-color:var(--clr-warning)}.border-info{border-color:var(--clr-info)}.border-light{border-color:var(--clr-light)}.border-dark{border-color:var(--clr-dark)}:root{--txt-size-xs: .75rem;--txt-size-sm: .875rem;--txt-size-md: 1rem;--txt-size-lg: 1.125rem;--txt-size-xl: 1.25rem;--txt-size-2xl: 1.5rem;--txt-size-3xl: 1.875rem;--txt-size-4xl: 2.25rem;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}.txt-2xl{font-size:1.5rem}.txt-3xl{font-size:1.875rem}.txt-dark{color:var(--text-dark)}.txt-light{color:var(--text-light)}.txt-left{text-align:left}.txt-right{text-align:right}.txt-xs{font-size:var(--txt-size-xs)}.txt-sm{font-size:var(--txt-size-sm)}.txt-md{font-size:var(--txt-size-md)}.txt-lg{font-size:var(--txt-size-lg)}.txt-xl{font-size:var(--txt-size-xl)}.txt-2xl{font-size:var(--txt-size-2xl)}.txt-3xl{font-size:var(--txt-size-3xl)}.txt-4xl{font-size:var(--txt-size-4xl)}.fw-light{font-weight:var(--fw-light)}.fw-normal{font-weight:var(--fw-normal)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-justify{text-align:justify}.case-upper{text-transform:uppercase}.case-lower{text-transform:lowercase}.case-cap{text-transform:capitalize}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}@media (min-width: 768px){.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-stretch{align-items:stretch}.md\:content-start{align-content:flex-start}.md\:content-center{align-content:center}.md\:content-end{align-content:flex-end}.md\:content-between{align-content:space-between}.md\:content-around{align-content:space-around}.md\:self-start{align-self:flex-start}.md\:self-center{align-self:center}.md\:self-end{align-self:flex-end}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:justify-start{justify-content:flex-start}.lg\:justify-center{justify-content:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-stretch{align-items:stretch}.lg\:content-start{align-content:flex-start}.lg\:content-center{align-content:center}.lg\:content-end{align-content:flex-end}.lg\:content-between{align-content:space-between}.lg\:content-around{align-content:space-around}.lg\:self-start{align-self:flex-start}.lg\:self-center{align-self:center}.lg\:self-end{align-self:flex-end}}.mg-0{margin:0}.mg-1{margin:calc(var(--spacing) * 1)}.mg-2{margin:calc(var(--spacing) * 2)}.mg-3{margin:calc(var(--spacing) * 3)}.mg-4{margin:calc(var(--spacing) * 4)}.mg-5{margin:calc(var(--spacing) * 5)}.mg-top{margin-top:calc(var(--spacing) * 1)}.mg-right{margin-right:calc(var(--spacing) * 1)}.mg-bottom{margin-bottom:calc(var(--spacing) * 1)}.mg-left{margin-left:calc(var(--spacing) * 1)}.mg-neg{margin:calc(var(--spacing) * -1)}.mg-neg-top{margin-top:calc(var(--spacing) * -1)}.mg-neg-right{margin-right:calc(var(--spacing) * -1)}.mg-neg-bottom{margin-bottom:calc(var(--spacing) * -1)}.mg-neg-left{margin-left:calc(var(--spacing) * -1)}@media (min-width: 768px){.md:mg-1{margin:calc(var(--spacing) * 1)}.md:mg-2{margin:calc(var(--spacing) * 2)}.md:mg-3{margin:calc(var(--spacing) * 3)}.md:mg-4{margin:calc(var(--spacing) * 4)}.md:mg-top-1{margin-top:calc(var(--spacing) * 1)}.md:mg-right-1{margin-right:calc(var(--spacing) * 1)}.md:mg-bottom-1{margin-bottom:calc(var(--spacing) * 1)}.md:mg-left-1{margin-left:calc(var(--spacing) * 1)}}@media (min-width: 1024px){.lg:mg-1{margin:calc(var(--spacing) * 1)}.lg:mg-2{margin:calc(var(--spacing) * 2)}.lg:mg-3{margin:calc(var(--spacing) * 3)}.lg:mg-4{margin:calc(var(--spacing) * 4)}.lg:mg-top-1{margin-top:calc(var(--spacing) * 1)}.lg:mg-right-1{margin-right:calc(var(--spacing) * 1)}.lg:mg-bottom-1{margin-bottom:calc(var(--spacing) * 1)}.lg:mg-left-1{margin-left:calc(var(--spacing) * 1)}}.pd-0{padding:0}.pd-1{padding:calc(var(--spacing) * 1)}.pd-2{padding:calc(var(--spacing) * 2)}.pd-3{padding:calc(var(--spacing) * 3)}.pd-4{padding:calc(var(--spacing) * 4)}.pd-5{padding:calc(var(--spacing) * 5)}.pd-6{padding:calc(var(--spacing) * 6)}.pd-top{padding-top:calc(var(--spacing) * 1)}.pd-right{padding-right:calc(var(--spacing) * 1)}.pd-bottom{padding-bottom:calc(var(--spacing) * 1)}.pd-left{padding-left:calc(var(--spacing) * 1)}@media (min-width: 768px){.md\:pd-0{padding:0}.md\:pd-1{padding:calc(var(--spacing) * 1)}.md\:pd-2{padding:calc(var(--spacing) * 2)}.md\:pd-3{padding:calc(var(--spacing) * 3)}.md\:pd-4{padding:calc(var(--spacing) * 4)}.md\:pd-5{padding:calc(var(--spacing) * 5)}.md\:pd-6{padding:calc(var(--spacing) * 6)}.md\:pd-top{padding-top:calc(var(--spacing) * 1)}.md\:pd-right{padding-right:calc(var(--spacing) * 1)}.md\:pd-bottom{padding-bottom:calc(var(--spacing) * 1)}.md\:pd-left{padding-left:calc(var(--spacing) * 1)}}@media (min-width: 1024px){.lg\:pd-0{padding:0}.lg\:pd-1{padding:calc(var(--spacing) * 1)}.lg\:pd-2{padding:calc(var(--spacing) * 2)}.lg\:pd-3{padding:calc(var(--spacing) * 3)}.lg\:pd-4{padding:calc(var(--spacing) * 4)}.lg\:pd-5{padding:calc(var(--spacing) * 5)}.lg\:pd-6{padding:calc(var(--spacing) * 6)}.lg\:pd-top{padding-top:calc(var(--spacing) * 1)}.lg\:pd-right{padding-right:calc(var(--spacing) * 1)}.lg\:pd-bottom{padding-bottom:calc(var(--spacing) * 1)}.lg\:pd-left{padding-left:calc(var(--spacing) * 1)}}.card-container{border:2px solid black;border-radius:.375rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;width:664px;height:530px}.card-header{background-color:#fff;padding:.75rem}.card-body{padding:.75rem}.card-body img{width:100%;height:240px;object-fit:cover;border-radius:.375rem;margin-bottom:.75rem}.card-header h2{font-size:1.25rem;color:#000;font-weight:600}.card-body p{font-size:1rem;color:var(--secondary-color)}:root{--primary-color: #3498db;--secondary-color: #2ecc71;--text-dark: #2c3e50;--text-light: #ecf0f1;--background-color: #f4f4f4}.txt-3xl{font-size:2rem;color:var(--text-dark)}.txt-secondary{color:var(--secondary-color)}.txt-lg{font-size:1.125rem}.mt-2{margin-top:calc(var(--spacing) * 2)}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.py-4{padding-top:var(--spacing);padding-bottom:var(--spacing)}.bg-light{background-color:var(--background-color);padding:2rem}.footer-container{background-color:#a294f9;padding-top:1rem;padding-bottom:1rem}.txt-lg{font-size:1.25rem}.text-center{text-align:center}.text-white{color:#fff}.form-container{padding:calc(var(--spacing) * 4);max-width:600px;margin:auto;border:2px solid black;border-radius:8px}.form-group{margin-bottom:calc(var(--spacing) * 3)}.input-field{width:100%;padding:calc(var(--spacing) * 2);border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.input-field:focus{outline:none;border-color:var(--primary-color)}.form-label{display:block;margin-bottom:calc(var(--spacing) * 1);font-size:1rem;color:var(--text-dark)}.submit-btn{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1.125rem;cursor:pointer}.submit-btn:hover{background-color:var(--primary-dark)}.txt-center{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 16px}.md\:flex-row{display:flex;flex-direction:row}.gap-6{gap:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.w-full{width:100%}.md\:w-1\/2{width:50%}.border-2{border-width:2px}.border-primary{border-color:#007bff}.rounded-lg{border-radius:.5rem}.bg-light{background-color:#f7f7f7}.overflow-x-auto{overflow-x:auto}.txt-secondary{color:#6c757d}:root{--primary-color: #8f87f1;--secondary-color: #c4d9ff;--light-color: #fed2e2;--accent-color: #f1e7e7;--text-muted: #f6e7f7;--font-family: "Poppins", sans-serif}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;height:64px;background-color:var(--primary-color);font-family:var(--font-family);border-bottom:1px solid var(--secondary-color)}.navbar-logo h1{font-size:1.25rem;margin:0;color:#fff}.navbar-logo p{font-size:.75rem;color:var(--text-muted);margin:0}.navbar-links{display:flex}.navbar-menu{display:flex;gap:16px;list-style:none;padding:0;margin:0}.navbar-link{font-size:.95rem;color:#fff;text-decoration:none;font-weight:400;transition:color .3s ease}.navbar-link:hover{color:var(--accent-color)}.components-heading{padding:1.5rem 2rem;background-color:var(--light-color)}.components-heading h2{font-family:Poppins,sans-serif;color:var(--primary-color)}.components-section{background-color:var(--light-color);padding-bottom:2rem}:root{--primary-color: #8f87f1;--secondary-color: #c68efd;--light-color: #fed2e2}.txt-primary{color:var(--primary-color)}.fw-semibold{font-weight:600}.txt-xl{font-size:1.25rem}.pd-x-4{padding-left:1rem;padding-right:1rem}.pd-y-2{padding-top:.5rem;padding-bottom:.5rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;border:1px solid #ddd;text-align:left}.table th{background-color:var(--primary-color);color:var(--text-light)}.table td{background-color:#fff}.table .component-name{color:var(--primary-color)}.table .component-description{color:var(--text-dark)}.table-container{margin-top:calc(var(--spacing) * 4);overflow-x:auto}