.navbar{width:100%;height:5rem;padding:0 var(--spacing-xl);z-index:10;color:var(--color-text-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f291e4d;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.navbar__brand{align-items:center;gap:var(--spacing-sm);display:flex}.navbar__logo{border-radius:var(--radius-md);background-color:#ffffff1a;border:1px solid #ffffff0d;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.navbar__title{font-family:var(--font-display);letter-spacing:.05em;font-size:1.25rem;font-weight:700}.navbar__nav{align-items:center;gap:var(--spacing-xl);color:var(--color-text-white-70);font-size:.875rem;font-weight:500;display:none}@media (width>=768px){.navbar__nav{display:flex}}.navbar__link{transition:color var(--transition-fast)}.navbar__link:hover{color:var(--color-text-white)}.navbar__actions{align-items:center;gap:var(--spacing-lg);font-size:.875rem;font-weight:500;display:flex}.navbar__lang{color:var(--color-text-white-70);align-items:center;gap:var(--spacing-xs);transition:color var(--transition-fast);display:flex}.navbar__lang:hover{color:var(--color-text-white)}.navbar__login-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-white);transition:background-color var(--transition-fast);background-color:#ffffff1a;border:1px solid #ffffff0d}.navbar__login-btn:hover{background-color:#fff3}.card-logo{width:9rem;height:6rem;margin-bottom:var(--spacing-md);justify-content:center;align-items:flex-end;display:flex;position:relative}.card-logo__side{border-radius:var(--radius-sm);background-color:#fcfbf7;border:1px solid #e8e4d9;flex-direction:column;justify-content:center;align-items:center;width:3rem;height:4rem;display:flex;position:absolute;bottom:0;box-shadow:0 1px 2px #0000000d}.card-logo__side--left{left:.5rem;transform:rotate(-12deg)translate(-1rem)}.card-logo__side--right{right:.5rem;transform:rotate(12deg)translate(1rem)}.card-logo__center{border-radius:var(--radius-sm);z-index:10;background-color:#fcfbf7;border:1px solid #e8e4d9;flex-direction:column;justify-content:center;align-items:center;width:3.5rem;height:5rem;display:flex;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a}.card-logo__rank{font-size:.5625rem;font-weight:700;position:absolute}.card-logo__rank--green{color:#2d6b45}.card-logo__rank--red{color:#e63946}.card-logo__rank--gold{color:#d4af37}.card-logo__rank--bottom{bottom:.125rem;right:.25rem;transform:rotate(180deg)}.card-logo__rank:not(.card-logo__rank--bottom){top:.125rem;left:.25rem}.card-logo__hearts{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.card-logo__hearts-row{gap:var(--spacing-xs);display:flex}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-form__field{gap:var(--spacing-sm);flex-direction:column;display:flex}.login-form__label{color:var(--color-brand-dark);font-size:.875rem;font-weight:600}.login-form__label-row{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.login-form__forgot{color:var(--color-brand-light);transition:opacity var(--transition-fast);font-size:.75rem;font-weight:600}.login-form__forgot:hover{text-decoration:underline}.login-form__input-wrapper{border:1px solid var(--color-card-border);border-radius:var(--radius-lg);width:100%;height:3.5rem;padding:0 var(--spacing-md);transition:all var(--transition-fast);box-shadow:var(--shadow-input);background-color:#fff;align-items:center;display:flex}.login-form__input-wrapper:focus-within{border-color:var(--color-brand-light);box-shadow:0 0 0 3px #2d6b4526}.login-form__icon{color:#9ca3af;width:1.25rem;height:1.25rem;margin-right:var(--spacing-sm);flex-shrink:0}.login-form__input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem;font-weight:500}.login-form__input::placeholder{color:#9ca3af}.login-form__toggle{color:#9ca3af;transition:color var(--transition-fast);margin-left:var(--spacing-sm);flex-shrink:0}.login-form__toggle:hover{color:#6b7280}.login-form__submit{background-color:var(--color-brand-light);color:#fff;border-radius:var(--radius-lg);width:100%;height:3.5rem;transition:background-color var(--transition-fast);box-shadow:var(--shadow-card);margin-top:var(--spacing-sm);font-size:1.125rem;font-weight:700}.login-form__submit:hover{background-color:var(--color-brand-main)}.social-divider{margin-top:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.social-divider__row{align-items:center;gap:var(--spacing-md);display:flex}.social-divider__line{background-color:var(--color-card-border);flex:1;height:1px}.social-divider__text{color:#9ca3af;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:600}.social-divider__register{border:2px solid var(--color-card-border);width:100%;height:3.5rem;color:var(--color-brand-dark);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#0000;font-size:1rem;font-weight:700}.social-divider__register:hover{background-color:#f9fafb;border-color:#d1d5db}.login-card{background-color:var(--color-card-bg);border-radius:var(--radius-2xl);width:100%;max-width:30rem;padding:var(--spacing-3xl);box-shadow:var(--shadow-premium);position:relative}.login-card__header{margin-bottom:var(--spacing-xl);flex-direction:column;align-items:center;display:flex}.login-card__title{font-family:var(--font-display);color:var(--color-brand-dark);letter-spacing:-.025em;margin-bottom:var(--spacing-xs);font-size:3rem;font-weight:800}.login-card__subtitle{color:#1a473199;letter-spacing:.2em;text-transform:uppercase;font-size:.875rem;font-weight:600}@media (width>=1024px){.login-card{padding:var(--spacing-3xl)}}.bg-card{border-radius:var(--radius-lg);pointer-events:none;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fcfbf708;border:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;width:15rem;height:21rem;display:none;position:fixed}@media (width>=1024px){.bg-card{display:flex}}.bg-card--left{top:25%;left:5%;transform:rotate(-15deg)}.bg-card--right{top:20%;right:5%;transform:rotate(10deg)}.bg-card__rank{top:var(--spacing-md);left:var(--spacing-md);color:#ffffff1a;font-family:var(--font-display);font-size:1.875rem;font-weight:700;position:absolute}.bg-card__rank--bottom{top:auto;left:auto;bottom:var(--spacing-md);right:var(--spacing-md);transform:rotate(180deg)}.bottom-features{width:100%;max-width:80rem;padding:0 var(--spacing-md) var(--spacing-xl);z-index:10;margin:0 auto;display:none;position:relative}@media (width>=768px){.bottom-features{display:block}}.bottom-features__container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--spacing-xl);color:#fff;background-color:#0f291e66;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;box-shadow:0 20px 25px -5px #0003}.bottom-features__item{align-items:center;gap:var(--spacing-md);display:flex}.bottom-features__icon{border-radius:var(--radius-lg);background-color:#ffffff1a;border:1px solid #ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.bottom-features__title{font-size:.875rem;font-weight:700}.bottom-features__desc{color:#fff9;font-size:.75rem}.chat-panel{background-color:var(--color-card-bg);border-radius:var(--radius-xl);border:1px solid var(--color-card-border);width:20rem;height:28rem;margin-bottom:var(--spacing-md);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=640px){.chat-panel{width:24rem}}.chat-panel__header{background-color:var(--color-brand-main);color:#fff;padding:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.chat-panel__avatar{background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.chat-panel__title{font-family:var(--font-display);font-size:.875rem;font-weight:700}.chat-panel__subtitle{color:#ffffffb3;font-size:.625rem}.chat-panel__close{color:#ffffffb3;transition:color var(--transition-fast)}.chat-panel__close:hover{color:#fff}.chat-panel__messages{padding:var(--spacing-md);gap:var(--spacing-sm);background-color:#ffffff80;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-panel__message{max-width:85%;display:flex}.chat-panel__message--bot{align-self:flex-start}.chat-panel__bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5}.chat-panel__bubble--bot{border:1px solid var(--color-card-border);color:var(--color-text-primary);border-top-left-radius:var(--radius-sm);background-color:#fff}.chat-panel__input-area{padding:var(--spacing-sm);border-top:1px solid var(--color-card-border);align-items:center;gap:var(--spacing-sm);background-color:#fff;display:flex}.chat-panel__input{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);flex:1;font-size:.875rem}.chat-panel__input:focus{border-color:var(--color-brand-light);box-shadow:0 0 0 2px #2d6b451a}.chat-panel__send{border-radius:var(--radius-lg);background-color:var(--color-brand-light);color:#fff;width:2.5rem;height:2.5rem;transition:background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-panel__send:hover{background-color:var(--color-brand-main)}.chat-widget{bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:50;flex-direction:column;align-items:flex-end;display:flex;position:fixed}.chat-widget__toggle{background-color:var(--color-brand-main);color:#fff;width:3.5rem;height:3.5rem;box-shadow:var(--shadow-premium);transition:transform var(--transition-fast);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.chat-widget__toggle:hover{background-color:var(--color-brand-dark);transform:scale(1.05)}.chat-widget__tooltip{right:calc(100% + var(--spacing-md));background-color:var(--color-brand-dark);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);border:1px solid #ffffff1a;font-size:.75rem;position:absolute}.chat-widget__toggle:hover .chat-widget__tooltip{opacity:1}.login-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.login-page__main{padding:var(--spacing-xl) var(--spacing-md);z-index:10;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative}.app{min-height:100vh;position:relative}:root{--color-brand-dark:#0f291e;--color-brand-main:#1a4731;--color-brand-light:#2d6b45;--color-card-bg:#fcfbf7;--color-card-border:#e8e4d9;--color-text-primary:#213547;--color-text-secondary:#666;--color-text-muted:#888;--color-text-white:#fff;--color-text-white-70:#ffffffb3;--color-text-white-60:#fff9;--color-accent-red:#e63946;--color-accent-yellow:#d4af37;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--shadow-premium:0 20px 40px -10px #0000004d, 0 0 0 1px #ffffff0d;--shadow-input:0 2px 4px 0 #00000005 inset;--shadow-card:0 4px 14px 0 #2d6b4563;--font-sans:"Inter", sans-serif;--font-display:"Poppins", sans-serif;--transition-fast:.15s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-brand-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 100% 0,#2d6b4566,#0000 50%),linear-gradient(#18472f 0%,#0f291e 100%);min-height:100vh;overflow-x:hidden}body:before{content:"";opacity:.04;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{outline:none;font-family:inherit}ul{list-style:none}