:root{--dex-black:#000;--dex-white:#fff;--dex-green:#86bc25;--dex-green-dark:#6b9a1e;--dex-gray-100:#f5f5f5;--dex-gray-200:#e8e8e8;--dex-gray-300:#d1d1d1;--dex-gray-400:#a0a0a0;--dex-gray-600:#666;--dex-gray-800:#333;--dex-red:#da291c;--dex-red-light:#fce8e6;--dex-blue:#3860b2;--dex-orange:#ed8b00;--dex-radius:4px;--dex-radius-lg:8px;--dex-shadow:0 2px 8px #00000014;--dex-shadow-hover:0 4px 16px #0000001f;--dex-transition:.2s ease;--dex-header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--dex-gray-800);background-color:var(--dex-white);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.95rem}.app-layout{flex-direction:column;min-height:100vh;display:flex}.header{height:var(--dex-header-height);background:var(--dex-white);border-bottom:1px solid var(--dex-gray-200);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.header-logo{letter-spacing:-.5px;color:var(--dex-black);font-size:1.6rem;font-weight:700}.header-logo span{color:var(--dex-green)}.header-title{color:var(--dex-gray-600);border-left:1px solid var(--dex-gray-300);padding-left:16px;font-size:1rem;font-weight:400}.header-right{align-items:center;gap:16px;display:flex}.header-icon-btn{color:var(--dex-gray-600);border-radius:var(--dex-radius);transition:background var(--dex-transition);background:0 0;border:none;padding:8px}.header-icon-btn:hover{background:var(--dex-gray-100)}.header-avatar{background:var(--dex-gray-300);width:36px;height:36px;color:var(--dex-gray-800);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.back-btn{background:var(--dex-gray-800);color:var(--dex-white);width:36px;height:36px;transition:background var(--dex-transition);border:none;border-radius:50%;justify-content:center;align-items:center;gap:4px;font-size:1.1rem;display:flex}.back-btn:hover{background:var(--dex-black)}.main-content{background:var(--dex-gray-100);flex:1}.page-container{max-width:1200px;margin:0 auto;padding:32px 24px}.card{background:var(--dex-white);border:1px solid var(--dex-gray-200);border-radius:var(--dex-radius-lg);transition:box-shadow var(--dex-transition);padding:32px}.card:hover{box-shadow:var(--dex-shadow-hover)}.card-clickable{cursor:pointer}.section-header{background:var(--dex-green);color:var(--dex-white);border-radius:var(--dex-radius) var(--dex-radius) 0 0;text-align:center;padding:10px 20px;font-size:.95rem;font-weight:600}.section-header--red{background:var(--dex-red)}.form-group{margin-bottom:20px}.form-label{color:var(--dex-gray-800);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-label .required{color:var(--dex-red);margin-right:4px}.form-input,.form-select,.form-textarea{border:1px solid var(--dex-gray-300);border-radius:var(--dex-radius);width:100%;transition:border-color var(--dex-transition);background:var(--dex-white);padding:10px 12px;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--dex-green);outline:none;box-shadow:0 0 0 3px #86bc2526}.form-input::placeholder{color:var(--dex-gray-400)}.form-textarea{resize:vertical;min-height:120px}.btn{border-radius:var(--dex-radius);transition:all var(--dex-transition);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--dex-green);color:var(--dex-white)}.btn-primary:hover{background:var(--dex-green-dark)}.btn-secondary{background:var(--dex-gray-200);color:var(--dex-gray-800)}.btn-secondary:hover{background:var(--dex-gray-300)}.btn-danger{background:var(--dex-gray-600);color:var(--dex-white)}.btn-danger:hover{background:var(--dex-gray-800)}.btn-outline{border:2px solid var(--dex-green);color:var(--dex-green-dark);background:0 0}.btn-outline:hover{background:var(--dex-green);color:var(--dex-white)}.btn-lg{padding:14px 48px;font-size:1.1rem}.btn-block{justify-content:center;width:100%}.toggle-wrapper{align-items:center;gap:10px;display:flex}.toggle{width:48px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--dex-gray-300);transition:var(--dex-transition);border-radius:26px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--dex-white);width:20px;height:20px;transition:var(--dex-transition);border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--dex-green)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.badge-green{color:var(--dex-green-dark);background:#86bc2526}.badge-orange{color:var(--dex-orange);background:#ed8b0026}.badge-red{background:var(--dex-red-light);color:var(--dex-red)}.badge-gray{background:var(--dex-gray-200);color:var(--dex-gray-600)}.info-icon{border:2px solid var(--dex-gray-800);cursor:help;width:22px;height:22px;color:var(--dex-gray-800);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.footer-disclaimer{background:var(--dex-gray-100);border-top:1px solid var(--dex-gray-200);color:var(--dex-gray-600);padding:20px 32px;font-size:.82rem;line-height:1.6}.text-center{text-align:center}.text-red{color:var(--dex-red)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.gap-16{gap:16px}.flex-between{justify-content:space-between;align-items:center;display:flex}.landing{min-height:calc(100vh - var(--dex-header-height));flex-direction:column;display:flex}.landing__hero{background:var(--dex-gray-100);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:64px 32px;display:flex}.landing__orb{background:conic-gradient(from 180deg,#00bcd4 0deg,#2196f3 60deg,#4caf50 120deg,#8bc34a 180deg,#ffeb3b 240deg,#ff9800 300deg,#00bcd4 360deg);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;animation:20s linear infinite orbSpin;display:flex}.landing__orb-inner{background:var(--dex-gray-100);border-radius:50%;width:120px;height:120px}@keyframes orbSpin{to{transform:rotate(360deg)}}.landing__text{text-align:center;max-width:640px}.landing__text h1{color:var(--dex-gray-800);margin-bottom:8px;font-size:1.5rem;font-weight:400}.landing__text h1 strong{font-weight:700}.landing__text p{color:var(--dex-gray-600);font-size:1.05rem}.landing__hero .btn{max-width:480px}.start-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto;display:grid}.start-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:64px 32px;display:flex}.start-card__icon{background:var(--dex-gray-100);width:120px;height:120px;color:var(--dex-gray-600);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.start-card h2{font-size:1.3rem;font-weight:700}.start-card p{color:var(--dex-gray-600);font-size:.95rem}.event-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.event-card{background:var(--dex-white);border:1px solid var(--dex-gray-200);border-radius:var(--dex-radius-lg);cursor:pointer;transition:box-shadow var(--dex-transition), transform var(--dex-transition);overflow:hidden}.event-card:hover{box-shadow:var(--dex-shadow-hover);transform:translateY(-2px)}.event-card__image{flex-direction:column;justify-content:flex-end;height:240px;display:flex;position:relative;overflow:hidden}.event-card__info-btn{border:2px solid var(--dex-gray-800);cursor:pointer;z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:12px;left:12px}.event-card__overlay{background:linear-gradient(#0000,#000000d9);padding:40px 16px 16px}.event-card__title{color:var(--dex-white);margin-bottom:4px;font-size:1.15rem;font-weight:700}.event-card__meta{color:#ffffffd9;justify-content:space-between;font-size:.82rem;display:flex}.event-card__places{text-align:right}.event-card__body{padding:16px}.event-card__dates{color:var(--dex-gray-800);margin-bottom:8px;font-size:.88rem;line-height:1.5}.event-card__deadline{color:var(--dex-gray-400);margin-bottom:12px;font-size:.8rem}.event-card__register-btn{float:right;padding:6px 20px;font-size:.85rem}.registration-layout{grid-template-columns:260px 1fr 1fr;align-items:start;gap:24px;display:grid}.registration-event,.registration-form,.registration-specific{background:var(--dex-white);border:1px solid var(--dex-gray-200);border-radius:var(--dex-radius-lg);overflow:hidden}.registration-event__card{padding:16px}.registration-event__image{border-radius:var(--dex-radius);flex-direction:column;justify-content:flex-end;height:200px;display:flex;position:relative;overflow:hidden}.registration-event__overlay{color:var(--dex-white);background:linear-gradient(#0000,#000000d9);padding:24px 12px 12px}.registration-event__overlay h4{margin-bottom:4px;font-size:.95rem}.registration-event__overlay p{opacity:.85;font-size:.78rem}.registration-actions{justify-content:flex-end;gap:16px;display:flex}.my-events-list{flex-direction:column;gap:16px;display:flex}.my-event-card{padding:24px}.my-event-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.my-event-card__header h3{font-size:1.1rem}.my-event-card__details{grid-template-columns:1fr 1fr;gap:6px 24px;margin-bottom:12px;font-size:.9rem;display:grid}.my-event-card__specific{margin-bottom:12px}.my-event-card__actions{border-top:1px solid var(--dex-gray-200);gap:12px;padding-top:12px;display:flex}.creation-form{flex-direction:column;display:flex}.custom-field-row{background:var(--dex-gray-100);border-radius:var(--dex-radius);align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:900px;display:grid}.settings-info__row{border-bottom:1px solid var(--dex-gray-200);justify-content:space-between;padding:10px 0;font-size:.9rem;display:flex}.settings-info__row:last-child{border-bottom:none}.settings-info__label{color:var(--dex-gray-600);font-weight:600}@media (width<=768px){.start-grid,.event-grid,.registration-layout,.settings-grid,.my-event-card__details{grid-template-columns:1fr}}