.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background-color:#f8f9fa}.app-header{margin-bottom:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.header-text h1{font-size:24px;color:var(--text-primary);margin-bottom:8px}.header-text p{color:var(--text-secondary);max-width:600px;margin-inline:auto;line-height:1.6}.email-reminder{margin-top:8px;color:var(--text-secondary);font-size:13px;line-height:1.5}.logo-container{display:inline-block;max-width:100%}.devfest-logo{font-family:Google Sans,sans-serif;font-size:clamp(26px,8.5vw,72px);font-weight:700;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}.devfest-logo-green{color:#349b58}.devfest-logo-red{color:#e93435}.form-wrapper{width:100%;max-width:650px}.single-page-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 12px #0000000a;display:flex;flex-direction:column;gap:20px}.form-section h2{font-size:20px;color:var(--google-blue);border-bottom:2px solid #f1f5f9;padding-bottom:12px;margin-bottom:8px}.form-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-12px;margin-bottom:8px;line-height:1.5}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14px;font-weight:600;color:var(--text-primary)}.required-star{color:var(--google-red);margin-left:4px}.field-input-container input[type=text],.field-input-container input[type=email],.field-input-container input[type=tel],.field-input-container input[type=url],.field-input-container select,.field-input-container textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:10px;font-size:15px;transition:all .2s;background-color:#fff;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.field-input-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;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='%235F6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.field-input-container select.select-placeholder{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary)}.field-input-container select:not(.select-placeholder){color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.field-input-container select option{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.field-input-container select option[value=""]{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary)}.field-input-container input:focus,.field-input-container select:focus,.field-input-container textarea:focus{border-color:var(--google-blue);box-shadow:0 0 0 3px #4285f41a}.field-error{display:flex;align-items:center;gap:6px;color:var(--google-red);font-size:13px;font-weight:500;margin-top:4px}.form-field.has-error .field-input-container input,.form-field.has-error .field-input-container select,.form-field.has-error .field-input-container textarea,.form-field.has-error .attendance-card,.form-field.has-error .search-input-wrapper input{border-color:var(--google-red);background-color:#fffaf9}.grid-2,.grid-2-always{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-grid{display:flex;flex-direction:column;gap:16px;padding-top:8px}.checkbox-label,.radio-label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;line-height:1.4}.checkbox-label input,.radio-label input{margin:0;cursor:pointer;width:18px;height:18px;accent-color:var(--google-blue)}.radio-group{display:flex;gap:24px}.pill-grid{display:flex;flex-wrap:wrap;gap:12px}.pill-grid--equal{flex-wrap:nowrap}.pill-grid--equal .pill-btn{flex:1;text-align:center;white-space:normal;width:auto}.pill-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:100px;background:#fff;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;white-space:nowrap;width:fit-content;flex-shrink:0}.pill-btn:hover{border-color:#9ca3af;background:#f8fafc}.pill-btn.active{border-color:var(--google-blue);background:#4285f414;color:var(--google-blue)}.sliders-container{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color)}.experience-slider-group{display:flex;flex-direction:column;gap:12px}.slider-category-label{font-size:15px;font-weight:600;color:var(--google-blue)}.custom-slider-wrapper{position:relative;width:calc(100% - 20px);margin:0 auto}.experience-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#e2e8f0;border-radius:4px;outline:none;position:relative;z-index:2;cursor:pointer;margin:0}.experience-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--google-blue);cursor:pointer;border:3px solid white;box-shadow:0 2px 5px #0003;transition:transform .1s;margin-top:0}.experience-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.experience-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--google-blue);cursor:pointer;border:3px solid white;box-shadow:0 2px 5px #0003;transition:transform .1s}.slider-ticks{position:relative;height:60px;margin-top:8px;width:100%;pointer-events:none}.slider-tick{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:pointer}.tick-mark{width:2px;height:8px;background-color:var(--border-color);margin-bottom:6px;transition:all .2s;border-radius:2px}.slider-tick.active .tick-mark{background-color:var(--google-blue);height:12px}.tick-label{font-size:11px;color:var(--text-secondary);text-align:center;width:90px;line-height:1.3;transition:all .2s;word-break:break-word}.slider-tick.active .tick-label{color:var(--google-blue);font-weight:600}@media(max-width:650px){.slider-ticks{height:80px}.tick-label{font-size:10px;width:70px}.slider-tick:nth-child(2n) .tick-label{margin-top:18px}.slider-tick:nth-child(2n):before{content:"";position:absolute;top:8px;width:1px;height:18px;background-color:var(--border-color);opacity:.5;z-index:-1}}.search-box{position:relative;display:flex;flex-direction:column;gap:8px}.search-input-wrapper{display:flex;align-items:center;position:relative}.search-icon{position:absolute;left:14px;color:var(--text-secondary)}.search-input-wrapper input{padding-left:44px!important}.results-list{background:#fff;border:1.5px solid var(--border-color);border-radius:10px;max-height:180px;overflow-y:auto;box-shadow:0 4px 10px #0000000d}.result-entry{padding:10px 14px;cursor:pointer;font-size:14px}.result-entry:hover{background:#f1f5f9}.add-new-btn{display:flex;align-items:center;gap:8px;padding:12px;background:#f0f4ff;border-radius:10px;color:var(--google-blue);font-size:14px;border:1px dashed var(--google-blue)}.selected-indicator{margin-top:8px;font-size:14px;color:#15803d;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-weight:500;animation:ss-slide-down .2s ease-out}@keyframes ss-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.badge-preview{background:#f8fafc;padding:20px;border-radius:12px;border:1px dashed var(--border-color);margin-top:8px}.badge-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center}.badge-name{font-size:20px;font-weight:700;margin-bottom:4px}.badge-role{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.badge-company{font-size:14px;font-weight:600;color:var(--google-blue)}.badge-footer{margin-top:16px;font-size:11px;color:#94a3b8;text-transform:uppercase}.attendance-grid{display:flex;flex-direction:column;gap:12px}.attendance-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1.5px solid var(--border-color);border-radius:12px;text-align:left;transition:all .2s;background:#fff}.attendance-card.active.active-blue{border-color:var(--google-blue);background:#4285f40d}.attendance-card.active.active-green{border-color:var(--google-green);background:#34a8530d}.attendance-card.active.active-yellow{border-color:var(--google-yellow);background:#fbbc0512}.attendance-card.active.active-red{border-color:var(--google-red);background:#ea43350d}.card-top{display:flex;gap:14px;align-items:center}.card-text strong{font-size:15px;display:block}.card-text span{font-size:12px;color:var(--text-secondary)}.card-tag{font-size:11px;font-weight:700;padding:4px 8px;border-radius:100px}.card-tag.high{background:#34a8531a;color:var(--google-green)}.card-tag.neutral{background:#f1f5f9;color:var(--text-secondary)}.icon-blue{color:var(--google-blue)}.icon-green{color:var(--google-green)}.icon-yellow{color:var(--google-yellow)}.icon-red{color:var(--google-red)}.card-tag.danger{background:#ea43351a;color:var(--google-red)}.disclaimer-alert{display:flex;gap:14px;padding:16px;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;color:#92400e;font-size:14px;line-height:1.5;align-items:flex-start}.disclaimer-alert .icon{flex-shrink:0;margin-top:2px}.form-actions{margin-top:10px;position:sticky;bottom:20px;z-index:100}.btn-primary.btn-large{width:100%;padding:18px;font-size:18px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;background-color:var(--google-blue);color:#fff;font-weight:600;box-shadow:0 4px 14px #4285f44d;transition:transform .2s,box-shadow .2s}.btn-primary.btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.closed-container,.success-container{justify-content:center;text-align:center;gap:32px}.closed-message,.success-message{background:#fff;padding:40px;border-radius:24px;max-width:500px;box-shadow:0 10px 25px #0000000d}.warning-icon{color:var(--google-yellow);margin-bottom:16px}.success-icon{color:var(--google-green);margin-bottom:16px}@media(max-width:600px){.grid-2{grid-template-columns:1fr}.form-section{padding:20px}.attendance-card{flex-direction:column;align-items:flex-start;gap:12px}.card-tag{align-self:flex-start}.pill-btn{padding:6px 14px;font-size:13px}}.ss-wrapper{position:relative;width:100%}.ss-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid var(--border-color);border-radius:10px;background:#fff;font-size:15px;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left}.ss-trigger--placeholder{color:var(--text-secondary)}.ss-trigger--open,.ss-trigger:focus{border-color:var(--google-blue);box-shadow:0 0 0 3px #4285f41a;outline:none}.ss-trigger__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-trigger__icons{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px;color:var(--text-secondary)}.ss-clear{display:flex;align-items:center;padding:2px;border-radius:50%;transition:background .15s,color .15s;cursor:pointer}.ss-clear:hover{background:#f1f5f9;color:var(--google-red)}.ss-chevron{transition:transform .2s}.ss-chevron--open{transform:rotate(180deg)}.ss-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;background:#fff;border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001a;overflow:hidden}.ss-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color);background:#f8fafc}.ss-search__icon{flex-shrink:0;color:var(--text-secondary)}.ss-search__input{flex:1;border:none;background:transparent;font-size:14px;font-family:inherit;color:var(--text-primary);outline:none}.ss-search__input::placeholder{color:var(--text-secondary)}.ss-options{max-height:220px;overflow-y:auto;padding:6px 0}.ss-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:14px;font-family:inherit;text-align:left;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background .12s}.ss-option:hover{background:#f1f5f9}.ss-option--active{background:#4285f412;color:var(--google-blue);font-weight:600}.ss-option__check{color:var(--google-blue);flex-shrink:0}.ss-empty{padding:12px 14px;font-size:13px;color:var(--text-secondary);text-align:center}.ss-add-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-family:inherit;color:var(--google-blue);background:#f0f4ff;border:none;border-top:1px dashed #c7d7fd;cursor:pointer;transition:background .12s}.ss-add-btn:hover{background:#e8eeff}.form-field.has-error .ss-trigger{border-color:var(--google-red);background-color:#fffaf9}.submit-error{margin:12px 0 24px;padding:16px;border:1px solid #b3261e;border-radius:12px;color:#b3261e;background:#fffaf9}.form-field,.field-input-container{min-width:0}.grid-2,.grid-2-always{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid .field-label{min-height:2.5em}.profile-summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 8px 4px 12px;border:1.5px solid var(--border-color);border-radius:10px;background:#f8faff}.profile-icon{flex-shrink:0;color:var(--google-blue)}.profile-username{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.profile-edit{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:44px;padding:0 8px;color:#1967d2;font-weight:600;font-size:13px}.profile-edit:focus-visible{outline:2px solid var(--google-blue);border-radius:6px}@media(max-width:600px){.grid-2,.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-grid .field-label{min-height:0}.app-container{padding:24px 12px}.form-section{padding:20px 16px}.field-label{font-size:13px;line-height:1.4}.field-input-container input,.field-input-container select,.field-input-container textarea{font-size:16px;padding:12px}.header-text h1{font-size:21px}.header-text p{font-size:14px}}:root{--google-blue: #4285F4;--google-red: #EA4335;--google-yellow: #FBBC05;--google-green: #34A853;--google-gray: #5F6368;--bg-primary: #FFFFFF;--text-primary: #202124;--text-secondary: #5F6368;--border-color: #DADCE0;--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}