@charset "UTF-8";@layer reset,tokens,base,components,utilities;@layer reset{*{box-sizing:border-box}html{height:100%;touch-action:pan-x pan-y;overscroll-behavior:none}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;touch-action:pan-x pan-y;overscroll-behavior:none;font-family:Montserrat,sans-serif}}@layer tokens{:root{--color-primary: #6fb126;--color-secondary: #333f48;--color-success: #28a745;--color-error: #e74c3c;--color-warning: #ffc107;--color-info: #17a2b8;--color-black: #000000;--color-black-light: #333;--color-gray: #707070;--color-gray-light: #dee2e6;--color-white: #ffffff;--spacing-xs: 10px;--spacing-sm: 20px;--spacing-md: 30px;--spacing-lg: 40px;--spacing-xl: 60px;--font-size-xs: 1rem;--font-size-sm: 1.2rem;--font-size-md: 1.4rem;--font-size-lg: 1.6rem;--font-size-xl: 1.8rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--font-size-huge: 3rem;--font-size-massive: 4rem;--border-radius-sm: 10px;--border-radius-xxl: 30px;--shadow-md: 0 4px 20px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .2);--shadow-xl: 0 15px 50px rgba(0, 0, 0, .25)}}@layer components{.card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;text-align:center}.btn{display:flex;justify-content:center;align-items:center;width:28vh;height:5.5rem;gap:12px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxxl);font-weight:500;cursor:pointer;border:none;color:var(--color-white)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-secondary);box-shadow:var(--shadow-md)}.input{width:100%;height:80px;padding:var(--spacing-xs) var(--spacing-md);border:2px solid #333;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxxl);font-weight:600;background:var(--input-bg);color:var(--color-gray);transition:all var(--transition-normal);text-align:center}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.input:disabled{background-color:#f8f9fa;cursor:not-allowed}.input::placeholder{color:var(--input-disabled-text)}.input.invalid{border-color:var(--color-error);box-shadow:0 0 0 3px #e74c3c1a}input[type=checkbox]{position:relative;appearance:none;width:32px;height:32px;padding:0;margin:0;border:3px solid var(--color-primary);border-radius:var(--border-radius-sm);background:var(--body-bg);flex-shrink:0}input[type=checkbox]:disabled{appearance:auto;opacity:.6;background-color:var(--color-gray-disabled);border-color:var(--color-gray-light)}input[type=checkbox]:disabled:after{display:none}input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:checked:after{position:absolute;content:"\2714";color:var(--color-white);font:700 20px/1 sans-serif;top:50%;left:50%;transform:translate(-50%,-50%)}.input-icon{position:relative;display:flex;align-items:center}.input-icon app-svg-icon{color:var(--color-primary);position:absolute;left:2rem}.error-message{color:var(--color-error);font-size:.9rem;margin-block:-.7rem;font-weight:500;text-align:center}.title{font-size:5.3rem;font-weight:600;color:var(--color-primary);margin:0;text-align:center;line-height:1}.subtitle{font-size:var(--font-size-xxxl);color:var(--color-secondary);margin:0;font-weight:400;text-align:center}.text{font-size:var(--font-size-xl);color:var(--text-color);margin:0;line-height:1.6}.body-section{width:100%;height:83vh;display:flex;justify-content:center}.section-header{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:90vw;height:12vh}.section-content{height:70vh;display:flex;justify-content:center;align-items:center}.grid-center{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;align-items:center}}@layer utilities{.text-gray{color:var(--color-gray)}.d-flex{display:flex}.flex-center{align-items:center;justify-content:center}}@media(orientation:portrait){.body-section{height:89vh}.section-content{height:74vh}.btn{width:23rem;height:6rem}}