@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap");:root{--logo-filter:invert(100) brightness(0.9);--foreground:#001011;--background:#fafaff;--primary:#ff7a59;--primary-hover:#fc6640;--primary-light:#ff7a5934;--primary-dark:#ff7a59;--secondary:#001109;--secondary-hover:#001e20;--accent:#ffcf98;--accent-light:#ffcf987e;--accent-hover:#eeb87a;--danger:#e53e3e;--success:#38a169;--warning:#f6ad55;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-150:#e4e6eb;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-1000:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--space-xs:clamp(0.2rem,0.5vw,0.25rem);--space-sm:clamp(0.35rem,0.75vw,0.5rem);--space-md:clamp(0.75rem,1.5vw,1rem);--space-lg:clamp(1rem,2vw,1.5rem);--space-xl:clamp(1.5rem,2.5vw,2rem);--space-2xl:clamp(2rem,3vw,3rem);--space-3xl:clamp(2.5rem,4vw,4rem);--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.03);--font-xs:clamp(0.65rem,1.5vw,0.75rem);--font-sm:clamp(0.75rem,1.75vw,0.875rem);--font-base:clamp(0.85rem,2vw,1rem);--font-lg:clamp(1rem,2.25vw,1.125rem);--font-xl:clamp(1.1rem,2.5vw,1.25rem);--font-2xl:clamp(1.25rem,3vw,1.75rem);--font-3xl:clamp(1.5rem,4vw,2.25rem);--font-4xl:clamp(1.75rem,5vw,3rem)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--font-base);line-height:1.6;color:var(--foreground);background-color:var(--background);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.logo img{height:clamp(30px,5vw,50px);width:auto;object-fit:cover}.logo-white img{filter:var(--logo-filter)}.analytics-dashboard{padding:var(--space-lg)}.analytics-tabs{display:flex;gap:var(--space-md);flex-wrap:wrap}.heading-1{font-family:var(--font-heading);font-weight:700;font-size:var(--font-4xl);line-height:1.1;margin-bottom:var(--space-lg);color:var(--secondary);letter-spacing:-.02em}.heading-2{font-size:var(--font-3xl);line-height:1.2;letter-spacing:-.02em}.heading-2,.heading-3{font-family:var(--font-heading);font-weight:600;margin-bottom:var(--space-md);color:var(--secondary)}.heading-3{font-size:var(--font-2xl);line-height:1.3;letter-spacing:-.01em}.heading-4{font-family:var(--font-heading);font-weight:600;font-size:var(--font-xl);line-height:1.4;margin-bottom:var(--space-sm);color:var(--secondary)}.text-lg{font-size:var(--font-lg)}.text-base,.text-lg{line-height:1.6;margin-bottom:var(--space-md)}.text-base{font-size:var(--font-base)}.text-sm{font-size:var(--font-sm);line-height:1.6}.text-xs{font-size:var(--font-xs);line-height:1.6}.text-muted{color:var(--gray-1000)}.text-center{text-align:center}.thin{font-weight:400}.thick{font-weight:800}.italic{font-style:italic}.smaller{font-size:small;font-weight:lighter}button{outline:none;border:none}.btn{font-family:var(--font-body);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-full);transition:all .4s cubic-bezier(0,0,.002,.991);cursor:pointer;border:none;font-size:var(--font-sm);letter-spacing:.01em}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(60,179,113,.3)}.btn-primary{background-color:var(--primary);color:white}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:white}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{box-shadow:inset 0 0 0 1px var(--secondary);background-color:transparent;color:var(--secondary)}.invert{filter:invert(1)}.btn-outline:hover{background-color:var(--secondary);color:white}.btn-outline-danger{box-shadow:inset 0 0 0 1px var(--danger);background-color:transparent;color:var(--danger)}.btn-accent{background-color:var(--accent);color:white}.btn-accent:hover{background-color:var(--accent-hover)}.btn-sm{padding:clamp(.25rem,.5vw,.35rem) clamp(.75rem,1.5vw,1.3rem);font-size:var(--font-xs)}.btn-md{padding:clamp(.4rem,.75vw,.625rem) clamp(1rem,1.75vw,1.5rem);font-size:var(--font-sm);font-weight:400}.btn-lg{padding:clamp(.5rem,1vw,.695rem) clamp(1.5rem,2.5vw,2.2rem);font-size:clamp(.8rem,1.5vw,.95rem);font-weight:400}button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.container,.container-width{width:100%;margin:0 auto;padding:0 var(--space-lg)}.container-width{max-width:1240px}.card{background-color:white;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--gray-100)}.section{padding:var(--space-2xl) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.column{flex-direction:column}.stretch{justify-content:stretch;align-items:stretch}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}form>div{margin-bottom:var(--space-md)}label{display:block;margin-bottom:var(--space-xs);font-weight:500;font-size:var(--font-sm);color:var(--secondary)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{width:100%;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.25vw,1rem);border-radius:var(--radius-sm);border:1px solid var(--gray-400);font-family:var(--font-body);font-size:var(--font-sm);transition:border-color .4s cubic-bezier(0,0,.002,.991);background-color:var(--gray-100)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,91,255,.1)}.loading-container{min-height:60vh;display:flex;align-items:center;justify-content:center;width:100%}select{width:100%;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.25vw,1rem);border-radius:var(--radius-sm);border:1px solid var(--gray-400);font-family:var(--font-body);font-size:var(--font-sm);transition:border-color .4s cubic-bezier(0,0,.002,.991);background-color:var(--gray-100);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}select,select:focus{transition:border-radius .3s ease-in-out}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,91,255,.1);border-radius:0}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background-color:var(--gray-300);margin:var(--space-md) 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:clamp(14px,2.5vw,18px);height:clamp(14px,2.5vw,18px);border-radius:50%;background-color:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease}input[type=range]::-moz-range-thumb{width:clamp(14px,2.5vw,18px);height:clamp(14px,2.5vw,18px);border-radius:50%;background-color:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);-moz-transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--primary-hover);transform:scale(1.1)}input[type=range]::-moz-range-thumb:hover{background-color:var(--primary-hover);transform:scale(1.1)}input[type=checkbox],input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}input[type=checkbox]+label,input[type=radio]+label{position:relative;display:flex;align-items:center;margin-bottom:var(--space-sm);cursor:pointer;padding-left:clamp(24px,4vw,34px)}input[type=checkbox]+label:before,input[type=radio]+label:before{content:"";position:absolute;left:0;display:inline-block;width:clamp(18px,3vw,24px);height:clamp(18px,3vw,24px);margin-right:var(--space-sm);background-color:var(--gray-100);border:1px solid var(--gray-400);transition:all .3s ease}input[type=checkbox]+label:before{border-radius:var(--radius-sm)}input[type=radio]+label:before{border-radius:50%}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background-color:var(--primary);border-color:var(--primary)}input[type=checkbox]+label:after,input[type=radio]+label:after{content:"";position:absolute;display:none}input[type=checkbox]:checked+label:after,input[type=radio]:checked+label:after{display:block}input[type=checkbox]+label:after{left:clamp(8px,1.5vw,10.5px);top:clamp(1.5px,.5vw,2px);width:clamp(3px,.75vw,4px);height:clamp(6px,1.25vw,8px);border:solid white;border-width:0 2px 2px 0;transform:translateY(30%) rotate(45deg)}input[type=radio]+label:after{top:clamp(4px,.75vw,5px);left:clamp(4px,.75vw,5px);width:clamp(6px,1.25vw,8px);height:clamp(6px,1.25vw,8px);border-radius:50%;background:white}input[type=checkbox]+label:hover:before,input[type=radio]+label:hover:before{border-color:var(--primary)}textarea{width:100%;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.25vw,1rem);border-radius:var(--radius-sm);border:1px solid var(--gray-400);font-family:var(--font-body);font-size:var(--font-sm);transition:border-color .4s cubic-bezier(0,0,.002,.991);background-color:var(--gray-100);min-height:100px;resize:vertical}textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,91,255,.1)}input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload{position:relative;display:inline-block;width:100%}.file-upload:before{content:"Choose file";display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.25vw,1rem);border-radius:var(--radius-full);border:1px dashed var(--gray-300);background-color:var(--gray-100);font-size:var(--font-sm);color:var(--gray-600);transition:all .3s ease}.file-upload:hover:before{border-color:var(--primary);color:var(--primary)}input[type=color]{-webkit-appearance:none;width:100%;height:clamp(30px,5vw,40px);border-radius:var(--radius-md);border:1px solid var(--gray-300);padding:2px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 3px)}input:invalid:focus,select:invalid:focus,textarea:invalid:focus{box-shadow:0 0 0 3px rgba(229,62,62,.1)}input:invalid+.error-message,select:invalid+.error-message,textarea:invalid+.error-message{display:block;width:100%;margin-top:.25rem;font-size:var(--font-xs);color:var(--danger)}.hero{padding:var(--space-2xl) 0;background-color:white}.hero-content{max-width:640px}.navbar{padding:var(--space-md) 0;background-color:white}.logo{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.25rem,2.5vw,1.5rem);color:var(--secondary)}.link,.logo{text-decoration:none}.link{color:var(--foreground);font-weight:500;position:relative}.link:after{content:"";position:absolute;width:100%;height:2px;bottom:-3px;left:0;background-color:var(--primary);transform:scaleX(0);transform-origin:bottom right;transition:transform .4s cubic-bezier(0,0,.002,.991)}.link:hover:after{transform:scaleX(1);transform-origin:bottom left}.button-container{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,24px);flex-wrap:wrap}.invert{filter:invert(1)!important}.animate-spin{animation:spin 1.1s cubic-bezier(.52,.12,.47,.88) infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@supports not (container-type:inline-size){:root{--font-xs:0.7rem;--font-sm:0.8rem;--font-base:0.9rem;--font-lg:1rem;--font-xl:1.1rem;--font-2xl:1.25rem;--font-3xl:1.5rem;--font-4xl:1.75rem;--space-xs:0.2rem;--space-sm:0.35rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem}}@media (max-width:500px){:root{--font-xs:0.65rem;--font-sm:0.75rem;--font-base:0.85rem;--font-lg:0.95rem;--font-xl:1.05rem;--font-2xl:1.2rem;--font-3xl:1.4rem;--font-4xl:1.6rem}.container{width:100%;margin:0 auto;padding:0 var(--space-sm)}.button-container{flex-direction:column;align-items:stretch}}@supports (container-type:inline-size){.quiz-container{container-type:inline-size;container-name:quiz}@container quiz (max-width: 600px){.heading-1{font-size:1.75rem}.heading-2{font-size:1.5rem}.heading-3{font-size:1.25rem}.heading-4{font-size:1.1rem}.text-lg{font-size:.95rem}.text-base{font-size:.85rem}.text-sm{font-size:.75rem}.text-xs{font-size:.65rem}.btn-lg{padding:.5rem 1.5rem;font-size:.85rem}.btn-md{padding:.4rem 1rem;font-size:.8rem}.btn-sm{padding:.25rem .75rem;font-size:.7rem}}@container quiz (max-width: 400px){.heading-1{font-size:1.5rem}.heading-2{font-size:1.35rem}.heading-3{font-size:1.2rem}.heading-4{font-size:1rem}.text-lg{font-size:.9rem}.text-base{font-size:.8rem}.text-sm{font-size:.7rem}.text-xs{font-size:.6rem}.btn-lg{padding:.4rem 1.2rem;font-size:.8rem}.btn-md{padding:.35rem .9rem;font-size:.75rem}.btn-sm{padding:.2rem .6rem;font-size:.65rem}.button-container{flex-direction:column;gap:12px}}}