.create-profile-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.create-profile-page__header{border-bottom:1px solid var(--color-border);padding:20px 24px}.create-profile-page__logo{color:var(--color-accent);font-size:20px;font-weight:700;text-decoration:none}.create-profile-page__main{flex:1;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex}.create-profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:540px;padding:32px}.create-profile-card h1{color:var(--color-text-primary);margin:0 0 8px;font-size:28px;font-weight:700}.create-profile-card__subtitle{color:var(--color-text-secondary);margin:0 0 32px;font-size:16px}.create-profile-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-primary);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:12px 16px;font-size:15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-hint{color:var(--color-text-muted);font-size:12px}.username-input-wrapper{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;display:flex;overflow:hidden}.username-input-wrapper:focus-within{border-color:var(--color-accent)}.username-prefix{color:var(--color-text-muted);white-space:nowrap;padding:12px 0 12px 16px;font-size:15px}.username-input-wrapper input{background:0 0;border:none;flex:1;padding:12px 8px}.username-input-wrapper input:focus{border:none}.username-status{padding:0 16px;font-size:16px}.username-status.checking{color:var(--color-text-muted)}.username-status.available{color:var(--color-success,#22c55e)}.username-status.taken{color:var(--color-error,#ef4444)}.emoji-picker{flex-wrap:wrap;gap:8px;display:flex}.emoji-option{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:20px;display:flex}.emoji-option:hover{border-color:var(--color-accent);transform:scale(1.1)}.emoji-option--selected{border-color:var(--color-accent);background:var(--color-accent-bg,#3b82f61a)}.hours-picker{align-items:center;gap:12px;display:flex}.hours-picker select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1;padding:12px 16px;font-size:15px}.hours-picker span{color:var(--color-text-secondary);font-size:14px}.duration-picker{flex-wrap:wrap;gap:8px;display:flex}.duration-option{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);padding:10px 18px;font-size:14px;font-weight:500}.duration-option:hover{border-color:var(--color-accent)}.duration-option--selected{border-color:var(--color-accent);background:var(--color-accent-bg,#3b82f61a);color:var(--color-accent)}.create-profile-submit{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:16px 24px;font-size:16px;font-weight:600}.create-profile-submit:hover:not(:disabled){background:var(--color-accent-hover,#2563eb);transform:translateY(-1px)}.create-profile-submit:disabled{opacity:.6;cursor:not-allowed}.create-profile-page__footer{border-top:1px solid var(--color-border);text-align:center;padding:20px 24px}.create-profile-page__footer p{color:var(--color-text-muted);margin:0;font-size:14px}.create-profile-page__footer a{color:var(--color-accent);text-decoration:none}@media (max-width:640px){.create-profile-page__main{padding:24px 16px}.create-profile-card{padding:24px 20px}.create-profile-card h1{font-size:24px}.username-prefix{font-size:13px}.hours-picker{flex-wrap:wrap}.hours-picker select{min-width:120px}}